У кого-нибудь есть идея о том, как я мог бы захватить идентификатор изображения, когда пользователь нажимает кнопку «Следующий/предыдущий» в Fancybox? Мне нравится, как меняется Fancybox в зависимости от размера изображения, поэтому я предпочитаю использовать это в некоторых других галереях, которые я видел. Кто-нибудь успешно сделал это? Сайт находится в PHP.Захват просмотра изображения при щелчке при использовании jquery fancybox
ответ
Общая идея заключалась бы в «прокси» ваших изображений с помощью PHP-скрипта.
Этот сценарий будет:
- добавить 1 к отсчету вид изображения
- служит изображение в браузере (вместо того, чтобы служить страницу HTML, как обычно)
Вы бы затем обновить атрибут ваших фотографий src
img
тег:
<img src="mypicture.png"/>
станет
<img src="view_picture.php?picture=1"/>
Обратите внимание, что вы должны быть осторожным и не разрешать имя файла в параметре изображения и/или проверить, что с любовью пользователь не пытается увидеть файл, который вы не хотите, чтобы показать его (думаю, view_picture.php? picture = .. /. htpasswd)
Adrien, это сработало отлично. Картинки открыты для публики, и ничего, что я хочу скрыть. Существуют ли какие-либо риски безопасности для этого помимо обычных, таких как SQL-инъекция? – Scott
Да, есть что-то, что вы хотите скрыть: любой файл, который является _not_ в вашей папке с изображениями. Это то, что имел в виду адриен. src = "view_picture.php? view_picture.php" предложит исходный код для загрузки скрипта. Или другие вещи в файловой системе сервера. – pixelistik
Две вещи. Если url - view-picture.php? Pid = 27, и это вызывает файл, который просто берет идентификатор, регистрирует его, а затем добавляет его в тег img src, который повторяется, я все еще уязвим? Во-вторых, внезапно ширина не откроется на fancybox, она установлена в 0, любые идеи? – Scott
Рассмотрите возможность использования общего программного обеспечения для анализа веб-сайта, например Piwik. Это даст вам дополнительную информацию о ваших посетителях и их действиях на вашем сайте, а не простой счетчик изображений.
Я запускаю сайт, который использует Fancybox и Piwik, все изображения через Fancybox будут автоматически отображаться в Загрузки раздел отчетов Piwik без дополнительной настройки.
Но вы можете легко настроить его с помощью обратного вызова onComplete
Fancybox и Piwik's trackPageView()
. См. Piwik Javascript API и Fancybox API.
- 1. Откройте fancybox при щелчке гиперссылки gridview.
- 2. Ошибки при использовании плагина Fancybox от jQuery
- 3. JQuery неопределенная ошибка при использовании FancyBox
- 4. Каково значение @ при щелчке при использовании WebPack?
- 5. Изменение изображения при щелчке в jquery
- 6. JQuery захват неправильной формы при использовании Ajax
- 7. Fancybox popup предотвратить при щелчке по галочке
- 8. Отметьте галочку при щелчке по ссылке - jquery
- 9. Дисплей при щелчке jQuery
- 10. Отображение изображения при щелчке мышью?
- 11. Как получить источник изображения при щелчке изображения с помощью jQuery?
- 12. Захват изображения искажается при использовании его для CALayer
- 13. ошибка при щелчке по опции списка просмотра
- 14. Как поменять значение счетчика при щелчке изображения
- 15. Ошибка загрузки одного изображения Fancybox при IE
- 16. Значения столбца jquery при щелчке
- 17. slideUp() при втором щелчке jQuery
- 18. сценарий загрузки jquery при щелчке
- 19. jQuery манипулировать DOM при щелчке
- 20. Я хочу загрузить html при щелчке изображения
- 21. Как вы получаете данные изображения при щелчке каждого изображения галереи fancybox?
- 22. nivo-lightbox не запускается при щелчке изображения
- 23. Fancybox получает неправильный размер контента при использовании jQuery-Chosen?
- 24. Создание печати изображения при использовании JQuery FreezeFrame
- 25. Устранение изображения при использовании PictureBox
- 26. Скрыть изображение при щелчке другого изображения
- 27. FancyBox Как я могу закрыть активную fancybox при щелчке ссылки и открыть другую fancybox?
- 28. Использование fancybox для просмотра полноразмерного изображения
- 29. Мой fancybox не закрывается при использовании $ .fancybox.close();
- 30. Изменение изображения при щелчке, сохранении изображения и удалении при щелчке по другому изображению
http://stackoverflow.com/faq#howtoask :) – adrien
спасибо, я пройду сейчас. – Scott