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

إرسال موضوع جديد   إرسال مساهمة في موضوع

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف RomanTic في السبت أكتوبر 15, 2016 6:37 pm

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

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

RomanTic
Admin

عدد المساهمات : 513
تاريخ التسجيل : 16/06/2015

http://romantic.123.st

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


إرسال موضوع جديد   إرسال مساهمة في موضوع
 
صلاحيات هذا المنتدى:
تستطيع الرد على المواضيع في هذا المنتدى