Замена / Roolower второй картинки при наведении на первую

[RIDDICK 7]

Хочу на главной странице нашего сайта осуществить примерно такую штучку, как здесь http://portfolio.cgsociety.org/?page=0

 

Тоесть при наведении на превью загружается большая картинка, при наведении на новое превью, в большом окне одна большая картинка сменяется другой.

 

Прошу помощи с осуществлением

[Zhev 0]

RIDDICK, прям на самой главной или в галерее?

Откуда на главной превьющки? Или ты про превью Аварда?

[Tangerine 0]

Zhev

не для авардов, а для новостей)) для тех которые ниже расположены чем лента)

[vint3d 0]

А если по такому типу как на http//:cgtextures.com? При наведении на маленькую картинку открывается просмотр в новом большом плавающем окошке?

[Zhev 0]

не для авардов, а для новостей)) для тех которые ниже расположены чем лента)

Хм... а оно актуально для статей?

 

Вот рассмотрим те статьи которые висят сейчас на главной:

 

Основная часть - это подборки работ различных художников, ну и зачем увеличивать одну из работ? Их же в самой статье все равно на много больше

 

Или например статья Альберта, так там просто текстовая статья про динозавров, картинки там просто так... какой смысл что-то увеличивать?

 

ИМХО такая фича может быть актуальной только для работ, как это и есть на СГсосити.

 

А если по такому типу как на http//:cgtextures.com? При наведении на маленькую картинку открывается просмотр в новом большом плавающем окошке?

+1

[Tangerine 0]

Zhev

мы вообще планируем изменить эти новости, чтобы они были мировыми, а не узкосайтовыми. Для этого и внешний вид должен быть соответствующим!

[RIDDICK 7]

Вообще задумка была немного инного характера...

 

Сделать что-то вроде Викли Селекшн - Выбор недели.

3-4 лучшие работы за неделю либо презентация нескольких солидных портфолио. Что-то в этом духе. И каждую неделю пускать новые портфолио. Страна должна знать своих героев))

[Zhev 0]

RIDDICK, а, тады другое дело

[RIDDICK 7]

Вот. и я так думаю.

 

Где-то у меня учебник был по дримвейверу, я даже когда-то делал такую фишку... но сейчас уже забыл как, а учебник удалил(

[SAT 0]

RIDDICK

Тут на AJAX'е надо строить.

[Thill 0]

RIDDICK

Угу, хорошая тема

[RIDDICK 7]

SAT, ну да) мне это о многом говорит)))

Я только в хтмл могу чего-то слегка понять...

[SAT 0]

RIDDICK

Я его сам ajax этот мало разобрал - это типа асинхроный javascript с xml, применяется когда требуется посылать данные серверу и принимать результат без обновления страницы.

Хотя в данном случае, можно наверное и без этого обойтись.

Где-то у меня учебник был по дримвейверу, я даже когда-то делал такую фишку...

Да, есть в дримвейвере готовый шаблон скрипта, приеду домой зашлю, правда он на кнопки заточен, не знаю можно-ли его перебрать под нужную задачу, надо посмотреть.

[RIDDICK 7]

SAT, ну что, не нашел?

 

Вот такой он внешне задумывался этот блок...

[Zhev 0]

Вот такой он внешне задумывался этот блок...

Мне нравится даже очень

даешь в жизнь!

[RIDDICK 7]

даешь в жизнь!

Ага, знать бы как))

[Jukov.CG 0]

Смутили немного вертикальные надписи Мир-Арт-Портфолио...я думаю незачем ломать шеи пользователям=)В остальном нравится ;-) Жаль не могу ничем помочь в осуществление=\

[RIDDICK 7]

Что смог-воплотил в жизнь, в остальном нужна помощь знающих людей

Смутили немного вертикальные надписи Мир-Арт-Портфолио...я думаю незачем ломать шеи пользователям=)

Ну это решим уже когда дело ближе к "телу" будет))) Может ты и прав

[RIDDICK 7]

Вот нашел скрипт один, помоему это то что нужно, толкьо очень все запутано....

Кто-нибудь сможет обьяснить мне как им пользоваться или упростить для наших нужд?

 

Смотреть файл в архиве

listalka2.html

, там жать "пример"

listalka.zip

[RIDDICK 7]

Или можно переписать немного тот скрипт что я на новости внизу главной поставил... тоже очень похож по функциям

[Zhev 0]

Кстати, RIDDICK, а может и не париться с этой автозаменой?

 

Вот у тебя сейчас в задумках: три темы недели и одна из них крупным планом.

 

А можно сделать три темы недели + Четвертая супер тема недели т.е. самую большую пикчу не завязывать на три маленькие, а что бы она сама по себе была отдельной темой.

и усе на обычном НТМЛ можно буит сделать

[RIDDICK 7]

Zhev, нет... нужно чтоб оно было все-таки как у людей)) Сет вот обещал помочь по свободе

[BM 0]

смена что то типо этого делается

<script>

function on_mouse_in()

{

document.getElementById('ImgX').src='http://lalala/lala.jpg'

}

</script>

http//:cgtextures.com

делается div-элемент, в стилях пишешь position:absolute;left:0px;top:0pxisplay:none

 

А у изображений в onmousemove пишешь document.getElementById('div111').display=''; document.getElementById('div111').style.left=x+'px'; и т.д. надо будет настроить обработчик координат

[RIDDICK 7]

кхм... ничче не понял)