Jump to content
RIDDICK

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

Recommended Posts

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

 

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

 

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Zhev

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

Share this post


Link to post
Share on other sites

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

image_03_cantsmilewithoutyou.jpg.ca084cbb97ada8827fd4f3a19408db49.jpg

Share this post


Link to post
Share on other sites
не для авардов, а для новостей)) для тех которые ниже расположены чем лента)

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

 

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

 

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

 

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

 

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

 

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

+1

Share this post


Link to post
Share on other sites

Zhev

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

Share this post


Link to post
Share on other sites

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

 

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

RIDDICK

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

RIDDICK

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

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

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

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

Share this post


Link to post
Share on other sites

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

 

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

Untitled-1.thumb.jpg.a8c48d1931953ee69f904dace7c2d609.jpg

weeckley-selection-block.jpg.97a5aca209d7d2e9c61a5568ad3500a0.jpg

Share this post


Link to post
Share on other sites
Вот такой он внешне задумывался этот блок...

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

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

Share this post


Link to post
Share on other sites
даешь в жизнь!

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

 

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

listalka2.html

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

listalka.zip

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

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

Share this post


Link to post
Share on other sites

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

:D

Share this post


Link to post
Share on other sites

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

<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'; и т.д. надо будет настроить обработчик координат

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Terms of Use