اتفضلى
الكود:
<div id="animeshow01">
<div align="center">
<div class="cat-featured wall">
<div class="carousel fcarousel fcarousel-6 wrap cf">
<div class="carousel-container">
<div data-jcarousel="true" style="width: 880px;" class="carousel-clip">
<ul style="left: -9776px;" class="carousel-list">
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="NARUTO SHIPPUDEN الحلقة 108 مترجمة" href="http://anime-show.com/watch-online/naruto-shippuden-108-72381.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72392762d30.png" alt="NARUTO SHIPPUDEN الحلقة 108 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="NARUTO SHIPPUDEN الحلقة 107 مترجمة" href="http://anime-show.com/watch-online/naruto-shippuden-107-72380.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72391a0b360.png" alt="NARUTO SHIPPUDEN الحلقة 107 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Ace of Diamond الحلقة 61 مترجمة" href="http://anime-show.com/watch-online/ace-of-diamond-61-72379.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_723906dc180.png" alt="Ace of Diamond الحلقة 61 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Nanatsu no taizai الحلقة 12 مترجمة" href="http://anime-show.com/watch-online/nanatsu-no-taizai-12-72378.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72389b1ce10.png" alt="Nanatsu no taizai الحلقة 12 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Shirogane no Ishi Argevollen الحلقة 22 مترجمة" href="http://anime-show.com/watch-online/shirogane-no-ishi-argevollen-22-72377.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72388bf3c80.png" alt="Shirogane no Ishi Argevollen الحلقة 22 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Psycho pass 2 الحلقة 9 مترجمة" href="http://anime-show.com/watch-online/psycho-pass-2-9-72376.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_7238734a960.png" alt="Psycho pass 2 الحلقة 9 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Donten ni Warau الحلقة 12 الأخيرة مترجمة" href="http://anime-show.com/watch-online/donten-ni-warau-12-72375.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72386a0cbf0.png" alt="Donten ni Warau الحلقة 12 الأخيرة مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="NARUTO SHIPPUDEN الحلقة 106 مترجمة" href="http://anime-show.com/watch-online/naruto-shippuden-106-72374.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72385b257c0.png" alt="NARUTO SHIPPUDEN الحلقة 106 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Ookami Shoujo to Kuro Ouji الحلقة الأخيرة 12 مترجمة" href="http://anime-show.com/watch-online/ookami-shoujo-to-kuro-ouji-12-72373.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_723849dc770.png" alt="Ookami Shoujo to Kuro Ouji الحلقة الأخيرة 12 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Dragon ball kai 135 (2014) الحلقة 37" href="http://anime-show.com/watch-online/dragon-ball-kai-135-2014-37-72372.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_723837c0490.png" alt="Dragon ball kai 135 (2014) الحلقة 37" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Log Horizon 2 الحلقة 12 مترجمة" href="http://anime-show.com/watch-online/log-horizon-2-12-72371.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72382960b20.png" alt="Log Horizon 2 الحلقة 12 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Sword art online الحلقة 24 الأخيرة مترجمة" href="http://anime-show.com/watch-online/sword-art-online-24-72370.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72381ef5a80.png" alt="Sword art online الحلقة 24 الأخيرة مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="one piece الحلقة 675 مترجمة" href="http://anime-show.com/watch-online/one-piece-675-72369.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_72380d2c4d0.png" alt="one piece الحلقة 675 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Magic Kaito 1412 الحلقة 11 مترجمة" href="http://anime-show.com/watch-online/magic-kaito-1412-11-72368.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_723796d7910.png" alt="Magic Kaito 1412 الحلقة 11 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
<li class="item-video">
<div class="thumb">
<a class="clip-link" data-id="7719" title="Inou Battle wa Nichijou-kei no Naka الحلقة 11 مترجمة" href="http://anime-show.com/watch-online/inou-battle-wa-nichijou-kei-no-naka-11-72367.html"> <span class="clip"> <img src="http://anime-show.com/uploads/150x84_723784b9760.png" alt="Inou Battle wa Nichijou-kei no Naka الحلقة 11 مترجمة" /><span class="vertical-align"></span> </span> <span class="overlay"></span> </a>
</div>
</li>
</ul>
</div>
<div data-jcarouselcontrol="true" class="carousel-prev">
</div>
<div data-jcarouselcontrol="true" class="carousel-next">
</div>
</div>
</div>
</div>
</div>
</div>
<style>
#animeshow01 {
width: 1024px;
margin: 0px auto;
background-color: #F0F0F0;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.41);
border: 1px solid #FFF;
}
.wall {
padding: 17px 0px;
background: none repeat scroll 0% 0% #1A1A1A;
position: relative;
z-index: 2;
text-shadow: none;
}
.wall {
padding: 17px 0px;
background: none repeat scroll 0% 0% #1A1A1A;
position: relative;
z-index: 2;
text-shadow: none;
}
.fcarousel .carousel-container {
position: relative;
margin: 0px 35px;
}
.fcarousel .carousel-container {
position: relative;
margin: 0px 35px;
}
.fcarousel .carousel-clip {
position: relative;
overflow: hidden;
height: 100px;
width: 100%;
margin: 0px auto;
}
.fcarousel .carousel-clip {
position: relative;
overflow: hidden;
height: 100px;
width: 100%;
margin: 0px auto;
}
.fcarousel ul {
width: 999em;
position: absolute;
}
.fcarousel ul {
width: 999em;
position: absolute;
}
ul {
margin: 0px 0px 20px;
}
ul {
list-style: outside none none;
margin: 0px;
}
ul {
margin: 0px 0px 20px;
}
ul {
list-style: outside none none;
margin: 0px;
}
.fcarousel li {
float: right;
width: 150px;
height: 84px;
border: 3px solid #333;
margin: 5px 10px 20px;
overflow: visible !important;
background: none repeat scroll 0% 0% #000;
position: relative;
box-shadow: 0px 0px 5px #000;
transition: all 0.25s ease 0s;
}
.fcarousel li {
float: right;
width: 150px;
height: 84px;
border: 3px solid #333;
margin: 5px 10px 20px;
overflow: visible !important;
background: none repeat scroll 0% 0% #000;
position: relative;
box-shadow: 0px 0px 5px #000;
transition: all 0.25s ease 0s;
}
.fcarousel .thumb {
width: 150px;
height: 84px;
}
.fcarousel .thumb {
width: 150px;
height: 84px;
}
.thumb {
position: relative;
background: none repeat scroll 0% 0% #000;
overflow: hidden;
vertical-align: bottom;
display: inline-block;
}
.thumb {
position: relative;
background: none repeat scroll 0% 0% #000;
overflow: hidden;
vertical-align: bottom;
display: inline-block;
}
.thumb .clip-link {
position: absolute;
bottom: -100px;
top: -100px;
left: -100px;
right: -100px;
text-align: center;
white-space: nowrap;
word-break: normal;
}
.thumb .clip-link {
position: absolute;
bottom: -100px;
top: -100px;
left: -100px;
right: -100px;
text-align: center;
white-space: nowrap;
word-break: normal;
}
.thumb .clip {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.thumb .clip {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.fcarousel .thumb img {
width: 150px;
}
.thumb .clip img, .thumb .vertical-align {
display: inline-block;
vertical-align: middle;
}
.fcarousel .thumb img {
width: 150px;
}
.thumb .clip img, .thumb .vertical-align {
display: inline-block;
vertical-align: middle;
}
.thumb img {
width: 100%;
}
.thumb img {
width: 100%;
}
.thumb .clip .vertical-align {
height: 100%;
}
.thumb .clip .vertical-align {
height: 100%;
}
.thumb .clip img, .thumb .vertical-align {
display: inline-block;
vertical-align: middle;
}
.thumb .clip img, .thumb .vertical-align {
display: inline-block;
vertical-align: middle;
}
.item-video .thumb .overlay {
background-image: url("http://anime-show.com/images/icon-play-24.png");
}
.item-video .thumb .overlay {
background-image: url("http://anime-show.com/images/icon-play-24.png");
}
.thumb .overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
background-image: url("http://anime-show.com/images/icon-plus-24.png");
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease 0s;
}
.thumb .overlay {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
background-image: url("http://anime-show.com/images/icon-plus-24.png");
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
visibility: hidden;
transition: all 0.25s ease 0s;
}
.fcarousel .carousel-prev {
left: -30px;
}
.fcarousel .carousel-prev, .fcarousel .carousel-next {
display: inline-block;
width: 27px;
height: 90px;
margin: 5px 0px;
cursor: pointer;
text-indent: -5555em;
overflow: hidden;
background: url("http://anime-show.com/images/fcarousel-nav.png") no-repeat scroll 0px 0px transparent;
position: absolute;
top: 0px;
}
.fcarousel .carousel-prev {
left: -30px;
}
.fcarousel .carousel-prev, .fcarousel .carousel-next {
display: inline-block;
width: 27px;
height: 90px;
margin: 5px 0px;
cursor: pointer;
text-indent: -5555em;
overflow: hidden;
background: url("http://anime-show.com/images/fcarousel-nav.png") no-repeat scroll 0px 0px transparent;
position: absolute;
top: 0px;
}
.fcarousel .carousel-next {
background-position: -50px 0px;
right: -30px;
}
.fcarousel .carousel-prev, .fcarousel .carousel-next {
display: inline-block;
width: 27px;
height: 90px;
margin: 5px 0px;
cursor: pointer;
text-indent: -5555em;
overflow: hidden;
background: url("http://anime-show.com/images/fcarousel-nav.png") no-repeat scroll 0px 0px transparent;
position: absolute;
top: 0px;
}
.fcarousel .carousel-next {
background-position: -50px 0px;
right: -30px;
}
.fcarousel .carousel-prev, .fcarousel .carousel-next {
display: inline-block;
width: 27px;
height: 90px;
margin: 5px 0px;
cursor: pointer;
text-indent: -5555em;
overflow: hidden;
background: url("http://anime-show.com/images/fcarousel-nav.png") no-repeat scroll 0px 0px transparent;
position: absolute;
top: 0px;
}
</style><script src="//connect.facebook.net/en_US/all.js#xfbml=1" id="facebook-jssdk"></script><script src="//www.google-analytics.com/analytics.js" async=""></script><script type="text/javascript" src="http://anime-show.com/javascript/jquery_004.js"></script><script type="text/javascript" src="http://anime-show.com/javascript/jquery_005.js"></script><script type="text/javascript" src="http://anime-show.com/javascript/jquery_002.js"></script><script type="text/javascript" src="http://anime-show.com/javascript/jquery_003.js"></script><script type="text/javascript" src="http://anime-show.com/javascript/theme.js"></script>