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

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

۱۲۸۱ visibility
نویسنده پست
پنج شنبه ، ۱۵ آبان ۱۳۹۳     ۱۲:۰۵ ب.ظ #


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  تشکر
check_box این تاپیک، پاسخ تائیدشده دارد : مشاهده پاسخ تائید شده توسط سوال کننده
جمعه ، ۱۶ آبان ۱۳۹۳     ۱:۲۸ ب.ظ #


naani

Subscriber
106 پست60 تاپیک

کسی بلد نیست؟

0  تشکر
شنبه ، ۱۷ آبان ۱۳۹۳     ۱۲:۴۸ ق.ظ #


mahdi.mdt

Subscriber
74 پست28 تاپیک

سلام

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

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

 

 

1  تشکر
شنبه ، ۱۷ آبان ۱۳۹۳     ۱۲:۵۱ ق.ظ #


mahdi.mdt

Subscriber
74 پست28 تاپیک

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

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

موفق باشید

1  تشکر
شنبه ، ۱۷ آبان ۱۳۹۳     ۱۱:۱۵ ق.ظ #


naani

Subscriber
106 پست60 تاپیک

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

0  تشکر
شنبه ، ۱۷ آبان ۱۳۹۳     ۱۲:۲۸ ب.ظ #


mahdi.mdt

Subscriber
74 پست28 تاپیک

سلام

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

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

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

 

1  تشکر
شنبه ، ۱۷ آبان ۱۳۹۳     ۱:۰۲ ب.ظ #


naani

Subscriber
106 پست60 تاپیک

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

0  تشکر
شنبه ، ۱۷ آبان ۱۳۹۳     ۴:۰۱ ب.ظ #       check_box پاسخ تائید شده توسط سوال کننده


mahdi.mdt

Subscriber
74 پست28 تاپیک

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

این لینک

 

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

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