[slideshow]كود سلايد شو عارض للصور احترافى

تذكير بمساهمة فاتح الموضوع :

[slideshow]كود سلايد شو عارض للصور احترافى
كود سلايد شو عارض للصور احترافى
كود سلايد شو رائع

اهلا بكم جميع الاعضاء والزوار فى شركة فور يمنى اقدم لكم اليوم كود جديد من استخراجنا فريق شركة فور يمنى وهو لعرض الصور بطريقة رائعة واحترافية وتلقائى وغير تلقائى

تم إنشاء الكود بناء على طلب أحد الاعضاء
امير الامراء

https://7roof-des.yoo7.comi12.servimg.com/u/f12/16/89/40/74/ououso11.jpg

وبعد ان رأيتم صورة للكود الان مع الكود واتمنى يعجبكم
الكود لا يوضع إلا فى صفحات ال html الفارغة من اعلى واسفل المنتدى ليعمل جيدا

الكود بدون نقل تلقائى
الرمز:

الكود:: link rel="stylesheet" href="http://demo.shbkat.com/wordpress/andriodmg/wp-content/themes/andriodmg/skins/tango/skin.css" type="text/css" media="screen"> <script type="text/javascript" src="http://demo.shbkat.com/wordpress/andriodmg/wp-content/themes/andriodmg/lib/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://demo.shbkat.com/wordpress/andriodmg/wp-content/themes/andriodmg/lib/jquery.jcarousel.min.js"></script> <script type="text/javascript"> function mycarousel_initCallback(carousel) { // Disable autoscrolling if the user clicks the prev or next button. carousel.buttonNext.bind('click', function() { carousel.startAuto(0); }); carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); }); // Pause autoscrolling if the user moves with the cursor over the clip. carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); }; jQuery(document).ready(function() { jQuery('.mycarousel').jcarousel({ auto: 2, wrap: 'last', initCallback: mycarousel_initCallback }); }); /****************/ $(document).ready(function(){ $('.widget_con').hide(); $('#con').show(); $('.widget_top ul li a').click(function(){ var rely = $(this).attr("rel") ; $('.widget_con').hide(); $('#'+rely).fadeIn(500); $('.widget_top ul li a').attr("class","") ; $(this).attr("class","activetabs") ; }) ; /****************/ /*****tip******/ /************/ jQuery(document).ready(function() { $(".widget_con3 ul li a,.btn_R a").hover(function() { $(this).animate({ textIndent: "35px" }, 200); },function(){ $(this).animate({ textIndent: "32px" }, 250); }); }); }); </script> </head> <div class="slider"> <div class=" jcarousel-skin-tango"> <div class="jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block;"> <div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative;"> <ul class="mycarousel jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 1850px;"> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" style="float: left; list-style: none;" jcarouselindex="1"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/091.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="فيديو : HTC One X Unboxing"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" style="float: left; list-style: none;" jcarouselindex="2"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/080.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="HTC One Xفيديو : جهاز"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" style="float: left; list-style: none;" jcarouselindex="3"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/048.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="فيديو استعراض لجهاز Android 4.1 Jelly Bean on the HP"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal" style="float: left; list-style: none;" jcarouselindex="4"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/029.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="فيديو لبعض الصور المسربة من جهاز أيفون 5"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-5 jcarousel-item-5-horizontal" style="float: left; list-style: none;" jcarouselindex="5"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/05.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="فيديو : iLab Factory : iPhone 5"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-6 jcarousel-item-6-horizontal" style="float: left; list-style: none;" jcarouselindex="6"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/0.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="فيديو : iPHONE 5"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-7 jcarousel-item-7-horizontal" style="float: left; list-style: none;" jcarouselindex="7"><a href="http://4egy.net"><img width="227" height="311" src="http://demo.shbkat.com/wordpress/andriodmg/files/Motorola-Razr-HD-Leak-Image-Chassis.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="هاتف Motorola Droid Razr HD سيعتمد على معالج Snapdragon S4"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-8 jcarousel-item-8-horizontal" style="float: left; list-style: none;" jcarouselindex="8"><a href="http://4egy.net"><img width="1024" height="681" src="http://demo.shbkat.com/wordpress/andriodmg/files/Samsung-Galaxy-S-III-2-2-2-1024x681.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="سعر هاتف Samsung Galaxy S III على 6 متاجر (2/6/12)"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-9 jcarousel-item-9-horizontal" style="float: left; list-style: none;" jcarouselindex="9"><a href="http://4egy.net"><img width="805" height="537" src="http://demo.shbkat.com/wordpress/andriodmg/files/Samsung-Galaxy-Tab-7.7-2.png" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="الكمبيوتر اللوحي Google Nexus 7"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-10 jcarousel-item-10-horizontal" style="float: left; list-style: none;" jcarouselindex="10"><a href="http://4egy.net"><img width="456" height="1008" src="http://demo.shbkat.com/wordpress/andriodmg/files/Max-Payne-Mobile.png" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="ماكس باين Max Payne Mobile متوفر الان في متجر جوجل Play Store"></a></li> </ul></div> <div class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal" style="display: block;" disabled="disabled"></div><div class="jcarousel-next jcarousel-next-horizontal jcarousel-next-disabled jcarousel-next-disabled-horizontal" style="display: block;" disabled="disabled"></div></div></div> </div>

الكود:: <link rel="stylesheet" href="http://demo.shbkat.com/wordpress/andriodmg/wp-content/themes/andriodmg/skins/tango/skin.css" type="text/css" media="screen"> <script type="text/javascript" src="http://demo.shbkat.com/wordpress/andriodmg/wp-content/themes/andriodmg/lib/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="http://demo.shbkat.com/wordpress/andriodmg/wp-content/themes/andriodmg/lib/jquery.jcarousel.min.js"></script> <script type="text/javascript"> function mycarousel_initCallback(carousel) { // Pause autoscrolling if the user moves with the cursor over the clip. carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); }; jQuery(document).ready(function() { jQuery('.mycarousel').jcarousel({ auto: 2, wrap: 'last', initCallback: mycarousel_initCallback }); }); /www.4egy.net/ $(document).ready(function(){ $('.widget_con').hide(); $('#con').show(); $('.widget_top ul li a').click(function(){ var rely = $(this).attr("rel") ; $('.widget_con').hide(); $('#'+rely).fadeIn(500); $('.widget_top ul li a').attr("class","") ; $(this).attr("class","activetabs") ; }) ; /www.4egy.net/ /www.4egy.net/ /www.4egy.net/ jQuery(document).ready(function() { $(".widget_con3 ul li a,.btn_R a").hover(function() { $(this).animate({ textIndent: "35px" }, 200); },function(){ $(this).animate({ textIndent: "32px" }, 250); }); }); }); </script> </head> <div class="slider"> <div class=" jcarousel-skin-tango"> <div class="jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block;"> <div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative;"> <ul class="mycarousel jcarousel-list jcarousel-list-horizontal" style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 1850px;"> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" style="float: left; list-style: none;" jcarouselindex="1"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/091.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="فيديو : HTC One X Unboxing"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" style="float: left; list-style: none;" jcarouselindex="2"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/080.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="HTC One Xفيديو : جهاز"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" style="float: left; list-style: none;" jcarouselindex="3"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/048.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="فيديو استعراض لجهاز Android 4.1 Jelly Bean on the HP"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal" style="float: left; list-style: none;" jcarouselindex="4"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/029.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="فيديو لبعض الصور المسربة من جهاز أيفون 5"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-5 jcarousel-item-5-horizontal" style="float: left; list-style: none;" jcarouselindex="5"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/05.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="فيديو : iLab Factory : iPhone 5"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-6 jcarousel-item-6-horizontal" style="float: left; list-style: none;" jcarouselindex="6"><a href="http://4egy.net"><img width="480" height="360" src="http://demo.shbkat.com/wordpress/andriodmg/files/0.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="فيديو : iPHONE 5"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-7 jcarousel-item-7-horizontal" style="float: left; list-style: none;" jcarouselindex="7"><a href="http://4egy.net"><img width="227" height="311" src="http://demo.shbkat.com/wordpress/andriodmg/files/Motorola-Razr-HD-Leak-Image-Chassis.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="هاتف Motorola Droid Razr HD سيعتمد على معالج Snapdragon S4"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-8 jcarousel-item-8-horizontal" style="float: left; list-style: none;" jcarouselindex="8"><a href="http://4egy.net"><img width="1024" height="681" src="http://demo.shbkat.com/wordpress/andriodmg/files/Samsung-Galaxy-S-III-2-2-2-1024x681.jpg" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="سعر هاتف Samsung Galaxy S III على 6 متاجر (2/6/12)"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-9 jcarousel-item-9-horizontal" style="float: left; list-style: none;" jcarouselindex="9"><a href="http://4egy.net"><img width="805" height="537" src="http://demo.shbkat.com/wordpress/andriodmg/files/Samsung-Galaxy-Tab-7.7-2.png" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="الكمبيوتر اللوحي Google Nexus 7"></a></li> <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-10 jcarousel-item-10-horizontal" style="float: left; list-style: none;" jcarouselindex="10"><a href="http://4egy.net"><img width="456" height="1008" src="http://demo.shbkat.com/wordpress/andriodmg/files/Max-Payne-Mobile.png" class="attachment-post-thumbnail wp-post-image" alt="http://4egy.net" title="ماكس باين Max Payne Mobile متوفر الان في متجر جوجل Play Store"></a></li> </ul></div> <div class="jcarousel-prev jcarousel-prev-horizontal jcarousel-prev-disabled jcarousel-prev-disabled-horizontal" style="display: block;" disabled="disabled"></div><div class="jcarousel-next jcarousel-next-horizontal jcarousel-next-disabled jcarousel-next-disabled-horizontal" style="display: block;" disabled="disabled"></div></div></div> </div>