زائر زائر
| موضوع: سلايد شو تلقائي الأحد 12 أكتوبر 2014 - 19:55 | |
| السلام عليكم كيف احصل على سلايد شو تلقائي
انا اعرف اعضاء يعرفو كيف يركبوه ارجو من يعرف يرسلوه لي عالخاص |
|
زائر زائر
| موضوع: رد: سلايد شو تلقائي الأحد 12 أكتوبر 2014 - 23:07 | |
| |
|
stones
عدد المساهمات : 7462 معدل النشاط : 16426 السُمعة : 414
| موضوع: رد: سلايد شو تلقائي الإثنين 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> | |
|
زائر زائر
| موضوع: رد: سلايد شو تلقائي الإثنين 13 أكتوبر 2014 - 16:24 | |
| - stones كتب:
مرحبا تفضل الكود يوضع في تشكيلات عامه او هتمل هذا يدوي مو تلقائي |
|
stones
عدد المساهمات : 7462 معدل النشاط : 16426 السُمعة : 414
| موضوع: رد: سلايد شو تلقائي الثلاثاء 14 أكتوبر 2014 - 11:58 | |
| لايوجد اي كود حاليا تلقائي يمكنك البحث عنه في قوقل او احد الاعضاء لديه يضعه لك تابع موضوعك | |
|
زائر زائر
| موضوع: رد: سلايد شو تلقائي الثلاثاء 14 أكتوبر 2014 - 18:04 | |
| طيب ولاكن ارجو عدم قفل الموضوع |
|
نسيمـــ
عدد المساهمات : 1104 معدل النشاط : 7099 السُمعة : 16
| موضوع: رد: سلايد شو تلقائي الأربعاء 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 مرات | |
|
زائر زائر
| موضوع: رد: سلايد شو تلقائي الأربعاء 15 أكتوبر 2014 - 14:52 | |
| اهلا اخي نسيمــ؟ الله يعطيك العافيه لاكن كيف انزل الاضافه واين اضع الكود |
|
نسيمـــ
عدد المساهمات : 1104 معدل النشاط : 7099 السُمعة : 16
| موضوع: رد: سلايد شو تلقائي الأربعاء 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; } | |
|
زائر زائر
| موضوع: رد: سلايد شو تلقائي الأربعاء 15 أكتوبر 2014 - 17:28 | |
| اشكرك من قلبي يا نسيمــ ؟؟؟ لاكن الصور و المواضيع انا اركبها يدويا انا ابغا الصور والمواضيع تظهر على السلايد تلقائي |
|
نسيمـــ
عدد المساهمات : 1104 معدل النشاط : 7099 السُمعة : 16
| موضوع: رد: سلايد شو تلقائي الأربعاء 15 أكتوبر 2014 - 17:53 | |
| | |
|
زائر زائر
| |
زائر زائر
| موضوع: رد: سلايد شو تلقائي الجمعة 17 أكتوبر 2014 - 22:30 | |
| |
|
زائر زائر
| موضوع: رد: سلايد شو تلقائي السبت 18 أكتوبر 2014 - 14:15 | |
| |
|