[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Посоветуйте превьюшку
Unsiker
На многих сайтах щас делают превью картинок. тоесть изначально картинка маленькая но при поднесения к ней курсора появляется картинка в полная картинка. подскажите как такое реализовать? или ссылки на скрипты которое такое делают

пример:




Спустя 1 час, 58 минут, 42 секунды (29.07.2008 - 15:13) sergeiss написал(а):
На вопрос "как" я могу в общих чертах ответить.

В событии 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 делаешь показ окна, в которое загружаешь картинку. Это если совсем кратко.

Это основы, и логично что на этом все строится, но я не прошу рассказывать мне устройство велосипеда начиная с колеса.

Прошу ткните пальцем на работающую систему, ведь у многих это уже реализовано.

Ну ты и привередливый, однако smile.gif Изначально было задано 2 вопроса, один из которых
Цитата(Unsiker @ 29.7.2008, 14:15) [snapback]44685[/snapback]
...подскажите как такое реализовать?...

Вот я и ответил на этот вопрос. А уж если "ку" не сказал при этом, так уж извиняй blush.gif

Ссылок на скрипты у меня нету (ну, типа "ку" при этих словах я делаю smile.gif)

Спустя 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>




_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.