Deff, ну вот сейчас ссылка заработала,но дело не в этом я искал уже в гугле , там везде идут обзоры готовых решений, купите то купите это, мне то другое нужно, мне урок по резиновости слайдера нужен что нужно для этого)
|
Cdelphi78,
Я за два последних года не смог чего нибудь не найти, по любым вопросам скриптодеятельности. Задавайте правильно Вопросы поисковикам, Пробуйте, переформулируйте, ищите и на англоязычных ресурсах. Уж слайдеров и уроков по ним - тьма тьмущая. Хотя при попытке напрячься и понять, что я вам пояснил про window.onresize или $(window).resize в JQ уже можно сделать всё самому! Что меняется при смене размеров окна ? 1. Ширина -высота слайдера [1] 2. Длина пути прохода картинки [2] ========================= 1. Запуск.(Инициализация) Считываем Высоту - ширину окна браузера - если она не менее установленной в css начальной ширины - оставляем всё как есть 2. Если меньше - Редактируем [1] и [2] , останавливаем и перезапускаем слайдер ========================= При событии $(window).resize проводим повторную Инициализацию |
Спасибо за информацию, попробую разобраться, все может ответите на вопрос как сделать на чистом css это все не сторонник подключать скрипты вообще)
|
Cdelphi78,
Должен быть уже скрипт слайдера учитывающий резиновость, Ибо путь прохода картинки слайдер вычисляет для конкретной ширины слайдера, и при смене ширины нун его переинициализировать |
Да я говорю, без скриптов вообще можно сделать?
|
Можно, Поищите слайдер на чистом css
Есть вариант слайдера без передвижений, тады мон резиновость делать css http://javascript.ru/forum/jquery/29...-slajjder.html (Там картинка рамки испортилась ... |
|
Не. Открыл я скрипт flexslidera и не понимаю в нем ни строчки чего куда?, буду свой пытаться доделать.
|
Кто нибуть может мне обьяснить как работает этот скрипт? Почему слайдер лихорадит так в адаптиве?
<script> 008 009 var slideWidth, 010 sliderTimer, 011 currentSlide = 0, 012 len; 013 014 function StarT () { 015 if($(window).width()>980) slideWidth = 980; 016 else slideWidth = parseInt($(window).width());// alert(slideWidth); 017 018 019 function nextSlide() { 020 currentSlide++; 021 if (currentSlide >= len) currentSlide = 0; 022 $(".slidewrapper").animate({ 023 left: -currentSlide * slideWidth 024 }, 800) 025 } 026 027 function prevSlide() { 028 currentSlide--; 029 if (currentSlide < 0) currentSlide = len - 1; 030 $(".slidewrapper").animate({ 031 left: -currentSlide * slideWidth 032 }, 800) 033 } 034 $(function() { 035 $('#slider').css({'max-width':slideWidth+'px','height':''+parseInt(.307*slideWidth)+'px'}); 036 037 len = $(".slidewrapper").children().length 038 $(".slidewrapper").width(len * slideWidth); 039 sliderTimer = setInterval(nextSlide, 3000); 040 $("#slider").on({ 041 mouseenter: function() { 042 clearInterval(sliderTimer) 043 }, 044 mouseleave: function() { 045 sliderTimer = setInterval(nextSlide, 3000) 046 } 047 }); 048 $("#next_slide").click(function(event) { 049 event.preventDefault(); 050 clearInterval(sliderTimer); 051 nextSlide() 052 }); 053 $("#prev_slide").click(function(event) { 054 event.preventDefault(); 055 clearInterval(sliderTimer); 056 prevSlide() 057 }) 058 }); 059 060 }; StarT (); 061 var timID2; 062 $(window).resize(function() { 063 if($(window).width()>=980) return; 064 //Тут коды переинициализации; 065 clearTimeout(timID2); 066 clearInterval(sliderTimer); 067 $(".slidewrapper").stop(true); 068 $(".slidewrapper").css({'left':0}) 069 timID2 = setTimeout(function(){StarT()},700); 070 }); 071 </script> |
Что такое parseInt?
|
Часовой пояс GMT +3, время: 03:12. |