Помощник
|
Смена нескольких изображений |
electronic
|
Сообщение
#1
|
||
|
|
||
|
|||
Galen |
7.11.2008, 14:32;
Ответить: Galen
Сообщение
#2
|
|
Заведите в скрипте 3 переменных (img1, img2, img3), в которых будете хранить имена картинок, в данный момент отображаемых на странице. По onclick, вы меняете значения переменных по тому правилу что вы описали, а img3 задаёте имя новой картинки. Тот же принцип и для обратной прокрутки.
Хорошо бы что бы имена картинок подчинялись какой-то системе, для простоты скрипта. |
|
|
electronic
|
Сообщение
#3
|
|
Я пытался сделать пока только для прокрутки в одну сторону:
<script language = "JavaScript"> var numimg=0 imgslide=new Array () imgslide[0]=new Image () imgslide[1]=new Image () imgslide[2]=new Image () imgslide[3]=new Image () imgslide[4]=new Image () imgslide[0].src ="images/Proba1.jpg" imgslide[1].src ="images/Proba2.jpg" imgslide[2].src ="images/Proba3.jpg" imgslide[3].src ="images/Proba4.jpg" imgslide[4].src ="images/Proba5.jpg" function dem(n) { if (n==1) { numimg++ if (numimg==3) numimg=0; } document.getElementById('imgproba1').src=imgslide [numimg].src; document.getElementById('imgproba2').src=imgslide [numimg+1].src; document.getElementById('imgproba3').src=imgslide [numimg+2].src; } </script> <div class="widthall" > Все работает пока не доходит до последней картинки, происходит не плавный возврат к началу,а сразу же скачок через несколько номеров. Первая картинка сразу же становится первой, а не третьей. Но это видно и по коду, не доработка на лицо. А вот как сделать, чтобы все работало нормально я додуматься что-то не могу.
<img src="images/Proba1.jpg" Id="imgproba1" alt="" width="80" height="80" border="1" /> <img src="images/Proba2.jpg" Id="imgproba2" alt="" width="80" height="80" border="1" /> <img src="images/Proba3.jpg" Id="imgproba3" alt="" width="80" height="80" border="1" /> <img src="images/Next_butt.gif" alt="" onclick="dem(1); return false"/> </div> |
|
|
pomp |
7.11.2008, 15:10;
Ответить: pomp
Сообщение
#4
|
|
electronic может проще галерейку скачать с прокруткой?
|
|
|
electronic
|
Сообщение
#5
|
|
Может и проще, если подскажете где, буду благодарен. Только я все что видел - там большое изображение меняется в зависимости от того, какое ты выбрал в полосе прокрутки + красивые эффекты. Или как-то все по хитрому сделано, слишком сложно. А мне надо просто чтоб они крутились и все.
|
|
|
Galen |
7.11.2008, 18:26;
Ответить: Galen
Сообщение
#6
|
|
Вот доработал ваш скрипт:
<script type="text/javascript"> Надеюсь понятно что откуда берётся. Там есть одно неудобство: если сразу после загрузки страницы нажать "Назад", картинки не сменятся. А так всё вроде работает.
<!-- var numimg = 0; var imgslide=new Array(); imgslide[0]=new Image(); imgslide[1]=new Image(); imgslide[2]=new Image(); imgslide[3]=new Image(); imgslide[0].src ="q1.gif"; imgslide[1].src ="q2.gif"; imgslide[2].src ="q3.gif"; imgslide[3].src ="q4.gif"; function dem(flag) { if(flag) { numimg++; if(numimg == 4) numimg = 0; } else { numimg--; if(numimg <= 0) numimg = 4; } document.getElementById('imgproba1').src = imgslide[numimg%4].src; document.getElementById('imgproba2').src = imgslide[(numimg+1)%4].src; document.getElementById('imgproba3').src = imgslide[(numimg+2)%4].src; } --> </script> <div class="widthall" > <a href="#" onclick="dem(false); return false">Назад</a> <img src="q1.gif" Id="imgproba1" alt="" width="80" height="80" border="1" /> <img src="q2.gif" Id="imgproba2" alt="" width="80" height="80" border="1" /> <img src="q3.gif" Id="imgproba3" alt="" width="80" height="80" border="1" /> <a href="#" onclick="dem(true); return false">Вперёд</a> </div> |
|
|
electronic
|
Сообщение
#7
|
|
|
Большое спасибо! Вы очень помогли! Все работает как надо.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Продается сайт фотосток ИИ изображений Хороший вариант! |
20 | alexey | 3213 | 25.6.2023, 15:28 автор: alexey |
|
Требуется помощник SEO специалиста для нескольких проектов начинающий или middle |
2 | tiptopvkr | 1441 | 2.12.2022, 12:11 автор: tiptopvkr |
|
Необходим SEO-специалист для нескольких проектов | 2 | tiptopvkr | 1689 | 18.7.2022, 15:39 автор: yefedor |
|
Ukr Private Proxy 4g Lifecell, Kyivstar, Vodafone (ТЕСТ, смена по ссылке, ротация) Продам Личные Украинские приватные мобильные прокси 4g Lifecell, Kyivs |
1 | Kostyaxxxx | 4245 | 20.6.2021, 20:26 автор: Kostyaxxxx |
|
Корректность показа вёрстки изображений на разных гаджетах Не сохраняются пропорции изображений на смартфонах |
1 | master-vek | 37245 | 25.3.2021, 13:22 автор: tedder |
Текстовая версия | Сейчас: 29.3.2024, 16:19 |