ویرایش کد اسلایدر

این تاپیک 7 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  mahdi.mdt ،‏ 2 سال پیش .

این تاپیک تاکنون 905 بازدید داشته است .

نویسنده پست
پنجشنبه ، 6 نوامبر 2014     12:05 ب.ظ #


naani

Subscriber
106 پست60 تاپیک

سلام. این یه کد اسلایدر بلاگفا هست که میخواستم اگه بشه یک سری تغییرات درش ایجاد کنین
1- اول اینکه میخواستم به جای چهارتا اسلاید، هشتا اسلاید بشه
2- دوم اینکه میخواستم سایزش دقیقا 250*900 بشه

زنده باشید

 

کد قبل از تگ </head>
<script src="http://ir-temp.ir/code/slider.rotator/sliderjs.js"></script> <link rel="stylesheet" rel="nofollow" href="http://ir-temp.ir/code/slider.rotator/style.css">
 

 

کد اصلی
<div id="slider1_container" style="position:relative;margin:0 auto;width:600px;height:300px;"> <div u="loading" style="position:absolute;top:0px;left:0px;"> <div style="filter:alpha(opacity=70);opacity:0.7;position:absolute;display:block;background-color:#000;top:0px;left:0px;width:100%;height:100%;"></div> <div style="position:absolute;display:block;background:url(http://ir-temp.ir/code/slider.rotator/img/loading.gif) no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div> </div> <div u="slides" style="cursor:move;position:absolute;left:0px;top:0px;width:600px;height:300px;overflow ​ ​:hidden;"> <div> <a u="image" rel="nofollow" href="#"><img src="http://ir-temp.ir/code/slider.rotator/img/01.jpg"></a> <div u="caption" t="*" class="captionOrange" style="position:absolute;left:20px;top:30px;width:300px;height:30px;"> توضیحات مربوط به تصویر </div> </div> <div> <a u="image" rel="nofollow" href="#"><img src="http://ir-temp.ir/code/slider.rotator/img/02.jpg"></a> <div u="caption" t="*" class="captionOrange" style="position:absolute;left:20px;top:30px;width:300px;height:30px;"> توضیحات مربوط به تصویر </div> </div> <div> <a u="image" rel="nofollow" href="#"><img src="http://ir-temp.ir/code/slider.rotator/img/03.jpg"></a> <div u="caption" t="*" class="captionOrange" style="position:absolute;left:20px;top:30px;width:300px;height:30px;"> توضیحات مربوط به تصویر </div> </div> <div> <a u="image" rel="nofollow" href="#"><img src="http://ir-temp.ir/code/slider.rotator/img/04.jpg"></a> <div u="caption" t="*" class="captionOrange" style="position:absolute;left:20px;top:30px;width:300px;height:30px;"> توضیحات مربوط به تصویر </div> </div> </div> <div u="navigator" class="jssorb01" style="position:absolute;bottom:16px;right:10px;"> <div u="prototype" style="POSITION:absolute;WIDTH:12px;HEIGHT:12px;"></div> </div> <span u="arrowleft" class="jssora05l" style="width:40px;height:40px;top:123px;left:8px;"></span> <span u="arrowright" class="jssora05r" style="width:40px;height:40px;top:123px;right:8px"></span> <script> jssor_slider1_starter('slider1_container'); </script> </div>
 

0  تشکر
:: این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
جمعه ، 7 نوامبر 2014     1:28 ب.ظ #


naani

Subscriber
106 پست60 تاپیک

کسی بلد نیست؟

0  تشکر
شنبه ، 8 نوامبر 2014     12:48 ق.ظ #


mahdi.mdt

Subscriber
74 پست28 تاپیک

سلام

برای تغییر تعداد تصاویر باید

به تعداد دلخواه تکرار کنید

 

 

1  تشکر
شنبه ، 8 نوامبر 2014     12:51 ق.ظ #


mahdi.mdt

Subscriber
74 پست28 تاپیک

وبرای تغییر سایز اسلایدر

به این صورت عمل کنید در غیر این صورت لینک بذارید

موفق باشید

1  تشکر
شنبه ، 8 نوامبر 2014     11:15 ق.ظ #


naani

Subscriber
106 پست60 تاپیک

ممنون ولی قسمت آخر در مورد تغییر سایز رو متوجه نشدم. این کدی که گذاشتین در کد اصلی اسلایدر نیست. میشه بیشتر راهنمایی کنین. ممنون واقعا

0  تشکر
شنبه ، 8 نوامبر 2014     12:28 ب.ظ #


mahdi.mdt

Subscriber
74 پست28 تاپیک

سلام

نمی دونم چرا گاهی کدها رو بد نشنون میده

به حال کدو کامل گذاشتم پیوست کردم  یه مقدار توضیحاتم توش نوشتم

امید وارم به دردتون بخوره

 

پیوست ها:
You must be logged in to view attached files.
1  تشکر
شنبه ، 8 نوامبر 2014     1:02 ب.ظ #


naani

Subscriber
106 پست60 تاپیک

ممنون از شما .  ببخشید ولی این پیوست إرور 403 میده . هر کاری کردم باز نشد

0  تشکر
شنبه ، 8 نوامبر 2014     4:01 ب.ظ # پاسخ تائید شده توسط سوال کننده


mahdi.mdt

Subscriber
74 پست28 تاپیک

سلام (کلا قاطی شد)

این لینک

 

0  تشکر
پست 1 تا 8 (از مجموع 8 پست)

این تاپیک پاسخ تائید شده دارد و بسته شده است .