Предварительный просмотр изображений для веб-страниц

Question

Я создаю веб-страницу в формате HTML с php.

Я хочу, чтобы пользователь мог щелкнуть маленькое изображение значка. При щелчке по значку появляется предварительный просмотр увеличенного изображения.

Догадка решения, вероятно, включает в себя JavaScript или Flash. Можете ли вы указать мне правильное направление. Заранее спасибо.

Answer 1

Звучит так, как будто вы хотите лайтбокс ?

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

Если вы действительно ищете эффект «показать / скрыть», вы можете использовать JavaScript, чтобы показать увеличенное изображение, если пользователь нажимает на уменьшенное изображение. Библиотека JavaScript, такая как jQuery или YUI , сделает это очень просто.

Answer 2

Если вы делаете это в php, то можете использовать GD для вас.

Вот отличная статья для начала: http://icant.co.uk/articles/phpthumbnails/