| |||
 Snippy
Сборник
примеров кода | |||
|
|
|
||||||
|
 Интерфейс → Как автоматически добавить изображение лупы(magnifier) для изображений-превью? → JavaScriptДля всех изображений завернутыx в тег A и имеющих в атрибуте href путь начинающийся с upload, скрипт создает Div-обертку и перемещает туда изображение. Также туда добавляется изображение лупы, обернутое в тег A c атрибутами которое открывает всплывающее окно с изображением из атрибуты href. Если у изображения задан align - то контент перестает корректно отображаться, так как изображение уже в div'e, поэтому этот аттрибут удаляем, точнее переносим его значение в свойство float div'a-обертки. 1. Необходимо подключить данный скрипт в шаблонах сайта. 2. Необходимо положить картинку с лупой (желательно прозрачную) в папку /_i/magnifier_16x16.png или подправить путь в скрипте. 3. При надобности подправить стили в коде скрипта 4. Подключить библиотеку JQuery 5. Изображение лупы автоматически подставятся после загрузки страницы Читать дальше...  element, expressions, inner, javascript, jquery, php, regular, replace, textЗадержка нужна по той причине, что событие resize() постоянно, пока юзер изменяет размер окна. А с использование этой функции, ресайз будет запускаться только через некоторое количество мс после того, как юзер прекратит изменять размер экрана. Читать дальше... Все наверное сталкивались с такой ситуацией - надо показать какой нибудь модальный диалог, или lightbox. Так вот загружается этот lightbox, его уже видно, а какие нибудь картинки для бэкграунда ещё не загрузились. И пока они не загрузятся - выглядит такой lightbox тогда не очень красиво. Решить такую проблему довольно просто. Надо чтобы браузер заранее загрузил все картинки, которые используются в CSS. Scott Jehl написал плагин для jQuery, который делает именно это. Этот плагин парсит css и подгружает все найденные картинки. Поэтому когда картинки понадобятся - они появятся мгновенно. Читать дальше... |
Меню
Подписка на RSS:
Поиск
Облако тегов
.net
array
asp
bash
browser
charset
check
class
clean
convert
count
create
css
curl
database
date
delete
directory
download
element
email
equivalent
extension
file
find
form
format
function
get
height
html
http
ie
image
javascript
jquery
load
mysql
number
page
perl
php
random
scriplet
send
shell
size
sql
string
text
time
url
utf8
variable
vb
visual basic
width
window
xml
xslt
|
|
|
|
||
|
|
0