пример:
Спустя 1 час, 58 минут, 42 секунды (29.07.2008 - 15:13) sergeiss написал(а):
На вопрос "как" я могу в общих чертах ответить.
В событии onmouseover делаешь показ окна, в которое загружаешь картинку. Это если совсем кратко.
В событии onmouseover делаешь показ окна, в которое загружаешь картинку. Это если совсем кратко.
Спустя 3 минуты, 20 секунд (29.07.2008 - 15:17) Viking написал(а):
чую тут аяксом попахивает...
Спустя 1 час, 12 секунд (29.07.2008 - 16:17) Unsiker написал(а):
Цитата
В событии onmouseover делаешь показ окна, в которое загружаешь картинку. Это если совсем кратко.
Это основы, и логично что на этом все строится, но я не прошу рассказывать мне устройство велосипеда начиная с колеса.
Прошу ткните пальцем на работающую систему, ведь у многих это уже реализовано.
Спустя 23 минуты, 12 секунд (29.07.2008 - 16:40) sergeiss написал(а):
Цитата(Unsiker @ 29.7.2008, 17:17) [snapback]44710[/snapback]
Цитата
В событии onmouseover делаешь показ окна, в которое загружаешь картинку. Это если совсем кратко.
Это основы, и логично что на этом все строится, но я не прошу рассказывать мне устройство велосипеда начиная с колеса.
Прошу ткните пальцем на работающую систему, ведь у многих это уже реализовано.
Ну ты и привередливый, однако Изначально было задано 2 вопроса, один из которых
Цитата(Unsiker @ 29.7.2008, 14:15) [snapback]44685[/snapback]
...подскажите как такое реализовать?...
Вот я и ответил на этот вопрос. А уж если "ку" не сказал при этом, так уж извиняй
Ссылок на скрипты у меня нету (ну, типа "ку" при этих словах я делаю )
Спустя 12 минут, 46 секунд (29.07.2008 - 16:53) Viking написал(а):
Цитата(Unsiker @ 29.7.2008, 17:17) [snapback]44710[/snapback]
Это основы, и логично что на этом все строится, но я не прошу рассказывать мне устройство велосипеда начиная с колеса.
так же логично сделать предзагрузку больших картинок например для показанных превьюх с помощью аякса, чтобы они моментально показывались при онмаусовер, но это конечно всего лишь одно из возможных продолжений устройства велосипеда
а если нужен готовый код чтоб не париться - так сразу и пишите, а то я вот тоже почему-то подумал что тут просто помощь нужна
Спустя 23 минуты, 53 секунды (29.07.2008 - 17:17) jetistyum написал(а):
Цитата(Viking @ 29.7.2008, 16:53) [snapback]44715[/snapback]
Цитата(Unsiker @ 29.7.2008, 17:17) [snapback]44710[/snapback]
Это основы, и логично что на этом все строится, но я не прошу рассказывать мне устройство велосипеда начиная с колеса.
так же логично сделать предзагрузку больших картинок например для показанных превьюх с помощью аякса, чтобы они моментально показывались при онмаусовер, но это конечно всего лишь одно из возможных продолжений устройства велосипеда
а если нужен готовый код чтоб не париться - так сразу и пишите, а то я вот тоже почему-то подумал что тут просто помощь нужна
Аjax тут ни к чему, да и предпрогрузку больших картинок делать не всегда резон, т.к. трафик точно будет сьеден, а возможно и не понадобится эта картинка.
самую простую предпрогрузку можно делать если просто написать <img src="someimg.jpg" height="0" width="0"/> тогда изображение прогрузится, но не будет отображено, так же можно жабаскриптом посоздавать имаджики, но никуда не привязывать, можно отобразить их все в диве, а <div style="display:none"><img><img><img></div>
Аджакс несколько для других целей, не путай...
Спустя 13 минут, 42 секунды (29.07.2008 - 17:30) Viking написал(а):
Цитата(jetistyum @ 29.7.2008, 18:17) [snapback]44719[/snapback]
Цитата(Viking @ 29.7.2008, 16:53) [snapback]44715[/snapback]
Цитата(Unsiker @ 29.7.2008, 17:17) [snapback]44710[/snapback]
Это основы, и логично что на этом все строится, но я не прошу рассказывать мне устройство велосипеда начиная с колеса.
так же логично сделать предзагрузку больших картинок например для показанных превьюх с помощью аякса, чтобы они моментально показывались при онмаусовер, но это конечно всего лишь одно из возможных продолжений устройства велосипеда
а если нужен готовый код чтоб не париться - так сразу и пишите, а то я вот тоже почему-то подумал что тут просто помощь нужна
Аjax тут ни к чему, да и предпрогрузку больших картинок делать не всегда резон, т.к. трафик точно будет сьеден, а возможно и не понадобится эта картинка.
самую простую предпрогрузку можно делать если просто написать <img src="someimg.jpg" height="0" width="0"/> тогда изображение прогрузится, но не будет отображено, так же можно жабаскриптом посоздавать имаджики, но никуда не привязывать, можно отобразить их все в диве, а <div style="display:none"><img><img><img></div>
Аджакс несколько для других целей, не путай...
дык у тебя тогда все картинки грузиться сразу будут, если я тебя правильно понял
тогда уж лучше в яве просто создать объекты всех картинок, а в нужный момент вставлять их в нужное место
Спустя 14 минут, 45 секунд (29.07.2008 - 17:45) Viking написал(а):
хотя если например через объекты и делать по событию например document.all("div").appendChild(нужныйimage)то это без аякса и в нем тут смысла нет, тут согласен. Но выборочную предзагрузку картинок то надо сделать полюбому
Спустя 1 час, 38 минут, 18 секунд (29.07.2008 - 19:24) linedmk написал(а):
Шаблон для примера выбрали неудачно - на шаблоне похоже что-то на меню (что-то в этом духе), а не на превьюшку. Превьюшка обычно состоит из нескольких маленьких картинок, а большая показывается в одном и томже месте и она гораздо больше. Большие не загружаются сразу. В меню же наоборот все изображения загружаются сразу, чтобы при наведении они сразу отображались - тут дело не в трафике.
Спустя 14 часов, 15 минут, 17 секунд (30.07.2008 - 09:39) Unsiker написал(а):
Поискал в интернете, и пока самый удачный вариант реализации видел на templatemonster Там используется ява, создается IMG с ID, а вото по этому уже и вычесляется какой рисунок ему подгружать. Но вот со скриптом явовским я так и не смог подружится от того что очень большой избыток кода, но наверняка они юзают скрипт который должен быть где то в первичном состоянии ????
код на джаве
код на джаве
Код
<script type="text/javascript">
new TemplatePreview('[b]Id image[/b]', {
title: 'Template 20337',
src: '[b]big_ image[/b]',
width: 430,
height: 344 });
</script>
new TemplatePreview('[b]Id image[/b]', {
title: 'Template 20337',
src: '[b]big_ image[/b]',
width: 430,
height: 344 });
</script>
_____________