سلايد شو تلقائي

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
زائر
زائر
Anonymous



سلايد شو تلقائي Empty
مُساهمةموضوع: سلايد شو تلقائي   سلايد شو تلقائي Emptyالأحد 12 أكتوبر 2014 - 19:55

السلام عليكم
كيف احصل على سلايد شو تلقائي

انا اعرف اعضاء يعرفو كيف يركبوه
ارجو من يعرف يرسلوه لي عالخاص
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
Anonymous



سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالأحد 12 أكتوبر 2014 - 23:07

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


ذكر
عدد المساهمات : 7462
معدل النشاط : 16426
السُمعة : 414

سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالإثنين 13 أكتوبر 2014 - 8:37

مرحبا
تفضل الكود يوضع في تشكيلات عامه
او هتمل

الكود:
<!-- Style -->
<style type="text/css">
.slider_specialoffer_content {position:relative;display:block;width:691px;height:239px;}
.slider {width:691px;height:239px;position:absolute;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;}
.box_skitter_large {width:691px!important;height:237px!important;}
.slider img {width:691px;height:237px;margin:6px 9px;}
.slider .next_button,.slider .prev_button {position:absolute;top:40%;width:43px;height:45px;
overflow:hidden;z-index:999;text-indent:-9999px;}
.slider .next_button {right:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;}
.slider .prev_button {left:30px;
background:url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;}
</style>

<!-- Links & Scripts -->
<link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css">
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script>
<script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script>
<script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
"></script>

  <div class="slider_specialoffer_content">
    <div class="slider">
  <!--<a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a> -->
      <div class="box_skitter box_skitter_large">
  <ul>
    <li><a href="رابط1"><img alt="Mizo-Slide" src="صورة1"></a></li>
    <li><a href="رابط2"><img alt="Mizo-Slide" src="صورة2"></a></li>
    <li><a href="رابط3"><img alt="Mizo-Slide" src="صورة3"></a></li>
    <li><a href="رابط4"><img alt="Mizo-Slide" src="صورة4"></a></li>
    <li><a href="رابط5"><img alt="Mizo-Slide" src="صورة5"></a></li>
    <li><a href="رابط6"><img alt="Mizo-Slide" src="صورة6"></a></li>
    <li><a href="رابط7"><img alt="Mizo-Slide" src="صورة7"></a></li>
    <li><a href="رابط8"><img alt="Mizo-Slide" src="صورة8"></a></li>
    <li><a href="رابط9"><img alt="Mizo-Slide" src="صورة9"></a></li>
  </ul>
      </div>
    </div>
  </div>
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://stones.arab.st/
زائر
زائر
Anonymous



سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالإثنين 13 أكتوبر 2014 - 16:24

stones كتب:
مرحبا
تفضل الكود يوضع في تشكيلات عامه
او هتمل

Sad هذا يدوي مو تلقائي Sad
Sad Sad Sad Sad Sad Sad Sad
الرجوع الى أعلى الصفحة اذهب الى الأسفل
stones
 
 
stones


ذكر
عدد المساهمات : 7462
معدل النشاط : 16426
السُمعة : 414

سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالثلاثاء 14 أكتوبر 2014 - 11:58

لايوجد اي كود حاليا
تلقائي يمكنك البحث عنه في قوقل
او احد الاعضاء لديه يضعه لك
تابع موضوعك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://stones.arab.st/
زائر
زائر
Anonymous



سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالثلاثاء 14 أكتوبر 2014 - 18:04

طيب ولاكن ارجو عدم قفل الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
نسيمـــ
 
 
نسيمـــ


ذكر
عدد المساهمات : 1104
معدل النشاط : 7099
السُمعة : 16

سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالأربعاء 15 أكتوبر 2014 - 9:41

http://responsiveslides.com/
قم بتنزيل الاضافة من الموقع وضعها على المنتدى واستعمل الاعدادات هذه
الكود:
$(".rslides").responsiveSlides({
  auto: true,             // جعل السلايدر يعمل بشكل تلقائي
  speed: 500,            // سرعة بين الصورة و الاخرى
  timeout: 4000,        
  pager: false,           // تعطيل الارقام
  nav: false,            
  random: false,        
  pause: false,          
  pauseControls: true,    
  prevText: "Previous",  
  nextText: "Next",      
  maxwidth: "",          
  navContainer: "",      
  manualControls: "",    
  namespace: "rslides",  
  before: function(){},  
  after: function(){}    
});


عدل سابقا من قبل نسيمـــ في الأربعاء 15 أكتوبر 2014 - 16:54 عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.picalica.com/u/Nasim/
زائر
زائر
Anonymous



سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالأربعاء 15 أكتوبر 2014 - 14:52

اهلا اخي نسيمــ؟ الله يعطيك العافيه
لاكن كيف انزل الاضافه واين اضع الكود
الرجوع الى أعلى الصفحة اذهب الى الأسفل
نسيمـــ
 
 
نسيمـــ


ذكر
عدد المساهمات : 1104
معدل النشاط : 7099
السُمعة : 16

سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالأربعاء 15 أكتوبر 2014 - 17:07

ضع هذا في الجافا سكربت

الكود:
/*! http://responsiveslides.com v1.54 by @viljamis */
(function(c,I,B){c.fn.responsiveSlides=function(l){var a=c.extend({auto:!0,speed:500,timeout:4E3,pager:!1,nav:!1,random:!1,pause:!1,pauseControls:!0,prevText:"Previous",nextText:"Next",maxwidth:"",navContainer:"",manualControls:"",namespace:"rslides",before:c.noop,after:c.noop},l);return this.each(function(){B++;var f=c(this),s,r,t,m,p,q,n=0,e=f.children(),C=e.size(),h=parseFloat(a.speed),D=parseFloat(a.timeout),u=parseFloat(a.maxwidth),g=a.namespace,d=g+B,E=g+"_nav "+d+"_nav",v=g+"_here",j=d+"_on",
w=d+"_s",k=c("<ul class='"+g+"_tabs "+d+"_tabs' />"),x={"float":"left",position:"relative",opacity:1,zIndex:2},y={"float":"none",position:"absolute",opacity:0,zIndex:1},F=function(){var b=(document.body||document.documentElement).style,a="transition";if("string"===typeof b[a])return!0;s=["Moz","Webkit","Khtml","O","ms"];var a=a.charAt(0).toUpperCase()+a.substr(1),c;for(c=0;c<s.length;c++)if("string"===typeof b[s[c]+a])return!0;return!1}(),z=function(b){a.before(b);F?(e.removeClass(j).css(y).eq(b).addClass(j).css(x),
n=b,setTimeout(function(){a.after(b)},h)):e.stop().fadeOut(h,function(){c(this).removeClass(j).css(y).css("opacity",1)}).eq(b).fadeIn(h,function(){c(this).addClass(j).css(x);a.after(b);n=b})};a.random&&(e.sort(function(){return Math.round(Math.random())-0.5}),f.empty().append(e));e.each(function(a){this.id=w+a});f.addClass(g+" "+d);l&&l.maxwidth&&f.css("max-width",u);e.hide().css(y).eq(0).addClass(j).css(x).show();F&&e.show().css({"-webkit-transition":"opacity "+h+"ms ease-in-out","-moz-transition":"opacity "+
h+"ms ease-in-out","-o-transition":"opacity "+h+"ms ease-in-out",transition:"opacity "+h+"ms ease-in-out"});if(1<e.size()){if(D<h+100)return;if(a.pager&&!a.manualControls){var A=[];e.each(function(a){a+=1;A+="<li><a href='#' class='"+w+a+"'>"+a+"</a></li>"});k.append(A);l.navContainer?c(a.navContainer).append(k):f.after(k)}a.manualControls&&(k=c(a.manualControls),k.addClass(g+"_tabs "+d+"_tabs"));(a.pager||a.manualControls)&&k.find("li").each(function(a){c(this).addClass(w+(a+1))});if(a.pager||a.manualControls)q=
k.find("a"),r=function(a){q.closest("li").removeClass(v).eq(a).addClass(v)};a.auto&&(t=function(){p=setInterval(function(){e.stop(!0,!0);var b=n+1<C?n+1:0;(a.pager||a.manualControls)&&r(b);z(b)},D)},t());m=function(){a.auto&&(clearInterval(p),t())};a.pause&&f.hover(function(){clearInterval(p)},function(){m()});if(a.pager||a.manualControls)q.bind("click",function(b){b.preventDefault();a.pauseControls||m();b=q.index(this);n===b||c("."+j).queue("fx").length||(r(b),z(b))}).eq(0).closest("li").addClass(v),
a.pauseControls&&q.hover(function(){clearInterval(p)},function(){m()});if(a.nav){g="<a href='#' class='"+E+" prev'>"+a.prevText+"</a><a href='#' class='"+E+" next'>"+a.nextText+"</a>";l.navContainer?c(a.navContainer).append(g):f.after(g);var d=c("."+d+"_nav"),G=d.filter(".prev");d.bind("click",function(b){b.preventDefault();b=c("."+j);if(!b.queue("fx").length){var d=e.index(b);b=d-1;d=d+1<C?n+1:0;z(c(this)[0]===G[0]?b:d);if(a.pager||a.manualControls)r(c(this)[0]===G[0]?b:d);a.pauseControls||m()}});
a.pauseControls&&d.hover(function(){clearInterval(p)},function(){m()})}}if("undefined"===typeof document.body.style.maxWidth&&l.maxwidth){var H=function(){f.css("width","100%");f.width()>u&&f.css("width",u)};H();c(I).bind("resize",function(){H()})}})}})(jQuery,this,0);
 $(function () {

      // Slideshow 1
      $(".rslides1").responsiveSlides({
        speed: 1000,
        maxwidth: 800
      });

      // Slideshow 2
      $(".rslides2").responsiveSlides({
        auto: true,
        pager: false,
        speed: 500,
        maxwidth: 540
      });

    });

وهذا في التشكيلات

الكود:
<ul class="rslides rslides1">
           
   <li>
       <img src="http://responsiveslides.com/1.jpg" alt="" />
   </li>
           
   <li>
       <img src="http://responsiveslides.com/3.jpg" alt="" />
   </li>
           
   <li>
       <img src="http://responsiveslides.com/2.jpg" alt="" />
   </li>
         
</ul>

وهذا في css

الكود:
      /*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.picalica.com/u/Nasim/
زائر
زائر
Anonymous



سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالأربعاء 15 أكتوبر 2014 - 17:28

اشكرك من قلبي يا نسيمــ
؟؟؟
لاكن الصور و المواضيع انا اركبها يدويا  Sad
انا ابغا الصور والمواضيع تظهر على السلايد تلقائي

Sad
الرجوع الى أعلى الصفحة اذهب الى الأسفل
نسيمـــ
 
 
نسيمـــ


ذكر
عدد المساهمات : 1104
معدل النشاط : 7099
السُمعة : 16

سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالأربعاء 15 أكتوبر 2014 - 17:53

retsu كتب:
اشكرك من قلبي يا نسيمــ
؟؟؟
لاكن الصور و المواضيع انا اركبها يدويا  Sad
انا ابغا الصور والمواضيع تظهر على السلايد تلقائي

Sad
ان كنت تريد اظهار صورة للموضوع يجب ان يكون في اول الموضوع نفسه صورة سوف اوفرك بالكود ان تريد Wink
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.picalica.com/u/Nasim/
زائر
زائر
Anonymous



سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالأربعاء 15 أكتوبر 2014 - 17:59

نسيمـــ كتب:


ان كنت تريد اظهار صورة للموضوع يجب ان يكون في اول الموضوع نفسه صورة سوف اوفرك بالكود ان تريد Wink
نعم انا اريد الكود؟ انا بالانتظار Embarassed

شكرا لك اخي نسيمـ  silent
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
Anonymous



سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالجمعة 17 أكتوبر 2014 - 22:30

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



سلايد شو تلقائي Empty
مُساهمةموضوع: رد: سلايد شو تلقائي   سلايد شو تلقائي Emptyالسبت 18 أكتوبر 2014 - 14:15

T-T 
سلايد شو تلقائي 221706
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
سلايد شو تلقائي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» طلب سلايد شو تلقائي بآخر المواضيع
» طلب كود سلايد شو
» طلب كود سلايد شو
» طلب كود سلايد شو 3D
» طلب كود سلايد شو

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"-
انتقل الى: