Вход

Просмотр полной версии : Смена нескольких картинок при наведении


Demoni
28.04.2012, 20:14
Ребят выручайте! Не могу придумать как сделать смену нескольких картинок при наведении. А именно:
При наведении на картинку (А), она должна меняться на другую (А2), при наведении на вторую, должна появляться третья (А3), затем повторно при наведении на А3 должная появляться А. Т.е. должна быть как бы слоеность из 3х картинок.

Demoni
28.04.2012, 20:19
Вот примерно как это должно быть. Там слайдер под текстом: http://vizastil.ru/

9xakep
28.04.2012, 22:15
<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>

Короче сам допиливай, идею думаю ты понял, правда она быдлокодерская, но все равно

Demoni
28.04.2012, 22:36
Это разве то?
Спасибо, но у вас все привязано к кнопкам и выводиться контент в отдельном окне.

9xakep
28.04.2012, 22:47
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>

Demoni
28.04.2012, 23:33
кажется понял, спасибо.

9xakep
28.04.2012, 23:43
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ой аргумент в ф-ии должен не повторяться...все

Demoni
28.04.2012, 23:53
Можешь еще подсказать как ссылку прописать в массив, а то не получается почему-то...

9xakep
28.04.2012, 23:57
Demoni,

var m = ['google.com','http://javascript.ru/forum/image.php?u=12890&dateline=1303149256']