28.04.2012, 20:14
|
Новичок на форуме
|
|
Регистрация: 30.08.2011
Сообщений: 6
|
|
Смена нескольких картинок при наведении
Ребят выручайте! Не могу придумать как сделать смену нескольких картинок при наведении. А именно:
При наведении на картинку (А), она должна меняться на другую (А2), при наведении на вторую, должна появляться третья (А3), затем повторно при наведении на А3 должная появляться А. Т.е. должна быть как бы слоеность из 3х картинок.
|
|
28.04.2012, 20:19
|
Новичок на форуме
|
|
Регистрация: 30.08.2011
Сообщений: 6
|
|
Вот примерно как это должно быть. Там слайдер под текстом: http://vizastil.ru/
|
|
28.04.2012, 22:15
|
|
сегодня в 12:34|Комментир
|
|
Регистрация: 12.04.2011
Сообщений: 1,180
|
|
<input type='button' value='1' onclick='xakep(m, m_i)'>
<input type='button' value='2' onclick='xakep(m1, m1_i)'>
<input type='button' value='3' onclick='xakep(m2, m2_i)'>
<script>
var m = [1,2,3]
var m_i = 0
var m1 = [4,5,6]
var m1_i = 0
var m2 = [7,8,9] /* вместо 1,2,3 ссылки картинок на которые нужно сменить, в той последовательности, в которой вы хотите */
var m2_i = 0;
function xakep(mas, i) {
alert(mas[i])
++i
}
</script>
Короче сам допиливай, идею думаю ты понял, правда она быдлокодерская, но все равно
__________________
оляля, ололо
Последний раз редактировалось 9xakep, 28.04.2012 в 22:25.
|
|
28.04.2012, 22:36
|
Новичок на форуме
|
|
Регистрация: 30.08.2011
Сообщений: 6
|
|
Это разве то?
Спасибо, но у вас все привязано к кнопкам и выводиться контент в отдельном окне.
|
|
28.04.2012, 22:47
|
|
сегодня в 12:34|Комментир
|
|
Регистрация: 12.04.2011
Сообщений: 1,180
|
|
Demoni,
это не отдельное окно, а алерт, вы можете сделать вывод как вашей душей угодно. Те же события что на кнопке, можно повесить и на картинку. Ну...если допилить скрипт, то будет тоже самое, смотрите:
<input type='button' value='1' onclick='xakep(m, m_i)'>
<input type='button' value='2' onclick='xakep(m1, m1_i)'>
<input type='button' value='3' onclick='xakep(m2, m2_i)'>
<script>
var m = [1,2,3] /* это допустим массив ссылкок картин, на которые меняется ваш А, то есть здесь ссылки на А2,А3 */
var m_i = 0
var m1 = [4,5,6] // здесь ссылки на A3, A1
var m1_i = 0
var m2 = [7,8,9] // здесь ссылки на A1, A2
var m2_i = 0;
function xakep(mas, i) {
alert(mas[i]) /* последовательно из массива вытаскиваем наши ссылки и делаем с ними все, что хотим, просто одна хрень, что i всегда равен 0, если пойму как исправить скажу */
++i
}
</script>
__________________
оляля, ололо
|
|
28.04.2012, 23:33
|
Новичок на форуме
|
|
Регистрация: 30.08.2011
Сообщений: 6
|
|
кажется понял, спасибо.
|
|
28.04.2012, 23:43
|
|
сегодня в 12:34|Комментир
|
|
Регистрация: 12.04.2011
Сообщений: 1,180
|
|
Demoni,
все, дошло
<input type='button' value='1' onclick="xakep(m, 'i1')">
<input type='button' value='2' onclick="xakep(m1, 'i2')">
<input type='button' value='3' onclick="xakep(m2, 'i3')">
<script>
var m = [1,2,3]
var m1 = [4,5,6]
var is = {}
var m2 = [7,8,9] /* вместо 1,2,3 ссылки картинок на которые нужно сменить, в той последовательности, в которой вы хотите */
function xakep(mas, i) {
is[i] = is[i]
is[i] == undefined ? is[i] = 0 : is[i]
alert(mas[is[i]])
if(is[i]<mas.length-1) is[i]++
else is[i] = 0
}
</script>
Теперь вместо кнопок, поставь картинки, вместо цифр в массиве поставь ссылки картинок нужных, 2ой аргумент в ф-ии должен не повторяться...все
__________________
оляля, ололо
|
|
28.04.2012, 23:53
|
Новичок на форуме
|
|
Регистрация: 30.08.2011
Сообщений: 6
|
|
Можешь еще подсказать как ссылку прописать в массив, а то не получается почему-то...
|
|
28.04.2012, 23:57
|
|
сегодня в 12:34|Комментир
|
|
Регистрация: 12.04.2011
Сообщений: 1,180
|
|
Demoni,
var m = ['google.com','http://javascript.ru/forum/image.php?u=12890&dateline=1303149256']
__________________
оляля, ололо
|
|
|
|