منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

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

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

مُساهمة من طرف retsu في الأحد 12 أكتوبر 2014 - 19:55

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

انا اعرف اعضاء يعرفو كيف يركبوه
ارجو من يعرف يرسلوه لي عالخاص
avatar
retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 1349
السُمعة : 0

http://itali.buyforum.net/

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

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

مُساهمة من طرف retsu في الأحد 12 أكتوبر 2014 - 23:07

up
avatar
retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 1349
السُمعة : 0

http://itali.buyforum.net/

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

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

مُساهمة من طرف stones في الإثنين 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>
avatar
stones
 
 

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

http://stones.arab.st/

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

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

مُساهمة من طرف retsu في الإثنين 13 أكتوبر 2014 - 16:24

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

Sad هذا يدوي مو تلقائي Sad
Sad Sad Sad Sad Sad Sad Sad
avatar
retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 1349
السُمعة : 0

http://itali.buyforum.net/

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

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

مُساهمة من طرف stones في الثلاثاء 14 أكتوبر 2014 - 11:58

لايوجد اي كود حاليا
تلقائي يمكنك البحث عنه في قوقل
او احد الاعضاء لديه يضعه لك
تابع موضوعك
avatar
stones
 
 

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

http://stones.arab.st/

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

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

مُساهمة من طرف retsu في الثلاثاء 14 أكتوبر 2014 - 18:04

طيب ولاكن ارجو عدم قفل الموضوع
avatar
retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 1349
السُمعة : 0

http://itali.buyforum.net/

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

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

مُساهمة من طرف نسيمـــ في الأربعاء 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 مرات
avatar
نسيمـــ
 
 

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

http://www.picalica.com/u/Nasim/

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

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

مُساهمة من طرف retsu في الأربعاء 15 أكتوبر 2014 - 14:52

اهلا اخي نسيمــ؟ الله يعطيك العافيه
لاكن كيف انزل الاضافه واين اضع الكود
avatar
retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 1349
السُمعة : 0

http://itali.buyforum.net/

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

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

مُساهمة من طرف نسيمـــ في الأربعاء 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;
  }
avatar
نسيمـــ
 
 

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

http://www.picalica.com/u/Nasim/

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

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

مُساهمة من طرف retsu في الأربعاء 15 أكتوبر 2014 - 17:28

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

Sad
avatar
retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 1349
السُمعة : 0

http://itali.buyforum.net/

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

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

مُساهمة من طرف نسيمـــ في الأربعاء 15 أكتوبر 2014 - 17:53

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

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

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

http://www.picalica.com/u/Nasim/

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

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

مُساهمة من طرف retsu في الأربعاء 15 أكتوبر 2014 - 17:59

@نسيمـــ كتب:

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

شكرا لك اخي نسيمـ  silent
avatar
retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 1349
السُمعة : 0

http://itali.buyforum.net/

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

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

مُساهمة من طرف retsu في الجمعة 17 أكتوبر 2014 - 22:30

up
avatar
retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 1349
السُمعة : 0

http://itali.buyforum.net/

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

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

مُساهمة من طرف retsu في السبت 18 أكتوبر 2014 - 14:15

T-T 

avatar
retsu



ذكر
عدد المساهمات : 54
معدل النشاط : 1349
السُمعة : 0

http://itali.buyforum.net/

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

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


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