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

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

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



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

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

 



https://i.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>

مشكوور على الموضوع الجميل واصل وفقك الله