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

Admin المساهمات : 528 تاريخ التسجيل : 16/06/2015

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

وبعد ان رأيتم صورة للكود الان مع الكود واتمنى يعجبكم
الكود لا يوضع إلا فى صفحات ال 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>