Ребята всем привет! Вот писал последнюю статью про чистку Mysql базы данных блога от мусора и понял — ПОРА! Пора вставлять на блоге в статьи картинки так, чтобы при нажатии на них, они увеличивались и показывались в оригинальном размере.
При чем чтобы эффект увеличения был удобным для пользователя (вас), чтобы мне как автору долго в кодах (настройках) не ковыряться при вставке изображений в статьи и чтобы при этом нагрузка на блог была минимальная. Не хочется использовать всякие плагины и нагружать все ту же базу данных Mysql.
Обратился за помощью к профи и они подсказали мне, что нужно сделать и я все настроил буквально за 3 минуты. Повторюсь, без использования всяких плагинов типа Auto Highslide и т.д. Давайте не буду долго тянуть кота за я... и перейду к делу.
Я испробовал много всяких вариантов скриптов увеличения картинок, но остановил свое внимание на том скрипте, который создает вот такой эффект. Посмотрите пример, нажмите на картинку слева:
Интересный эффект. Нажимаем на изображение и оно не открывается в новом окне (что очень не удобно), а открывается на этой же странице в увеличенном виде, в красивой рамке с крестиком и ниже подставляется описание картинки.
Если вам нравится такой эффект увеличения изображений, то можете использовать его! О нем я и буду писать ниже.
Вот повторюсь в этой статье такой эффект просто необходим. Там есть изображения, в которые нужно очень внимательно присматриваться, чтобы что-то там разглядеть. У кого плохое зрение, так те вообще ни чего не увидят. Скрипт увеличения изображений будет как раз кстати!
Итак начнем. Все делается в ТРИ простых шага:
1. Скачиваем скрипт и закидываем его на свой хостинг (сервер)
2. Добавляем в файл footer.php небольшой код
3. Добавляем изображения в статьи блога.
ГОУ! Скачиваем сам скрипт. Закидываем все содержимое в корень своего блога. Корень блога — это главная директория блога где лежат такие папки как wp-admin, wp-content и т.д. Гут! Это сделали!
Вторым шагом добавляем в файл footer.php темы своего блога специальный код. Вот он:
Внимание! В коде замените site.ru на ваш домен. Добавлять код в footer.php нужно перед закрывающим тегом </body>
Гут! Ну в принципе все! Теперь самая основная часть! Будем вставлять картинки в статьи так, чтобы при нажатии они увеличивались, как я показал выше на примере. В общем смотрите. Тут все просто, хотя сначала покажется сложно кому-то! Я вставляю картинки как обычно в пост через кнопку в текстовом редакторе — Добавить медиафайл:
Ок. Добавил, вставил в статью (чтобы по размерам было нормально и картинка не вылезала за края в статье). Теперь смотрю через текстовый режим и мне нужен url ссылки картинки и размеры:
Вот что я вижу:
Url ссылки - https://isif-life.ru/wp-content/uploads/2014/03/text.jpg
Размеры: width="306" height="182"
Окей. Теперь я просто весь этот (что на картинке выше) html код изображения в редакторе удаляю, и на его место вставляю вот этот:
В итоге у нас получается вот что:
Мы видим, что сверху у нас ссылка на картинку оригинального размера, а снизу та же самая картинка (тот же url), но для уменьшения ей даны размеры. Кстати так же мы и про оптимизацию не забываем, alt у картинки тоже присутствует. Все круто!
ОБНОВЛЕНИЕ! В комментариях к этой статье Дмитрий Шкурин предложил еще более легкий вариант использования данного скрипта. Теперь в коде вообще ковыряться не нужно:
То есть когда мы закинули скрипт в корень блога + добавили специальный код в footer.php, нам уже не надо ни чего ковырять чтобы добавить картинку в статью. Делаем все следующим образом. Как обычно добавляем картинку в статью через функцию «Добавить медиафайл». Теперь в параметрах отображения файла указываем ссылка как — «медиафайл»:
и вставляем картинку в статью. Далее открываем параметры картинки в визуальном редакторе:
естественно настраиваем размеры, чтобы картинка ровно влезала в статью, дальше переходим во вкладку «Дополнительно» и в графе «Отношение» пишем — simplebox — «Обновить». Готово!
Все быстро, просто и еще удобнее. Дмитрий большое спасибо! Очень помог!
Все просто! Кому что не понятно? Здесь все элементарно! Самое классное то, что я могу придавать эффект увеличения не всем изображениям, а только тем, которым хочу придать. Если, например, я вставляю картину в статью и мне ее не нужно уменьшать, чтобы она влезла в пост, то и эффект увеличения создавать не обязательно!
Вот такие дела. Пользуйтесь. А может кто-то знает способ лучше? Напишите в комментариях. Кстати этот скриптик можно использовать не только на блоге, но еще и на различных одностраничных сайтах! Ну все, всем пока!
С уважением, Александр Борисов
Всем привет. Спасибо Саша, за статью.
Безплагинная тема — это здорово. Надо стараться полностью от них отойти.
Блин, а у меня плагин стоял + в некоторых статьях придётся редактировать изображения
Хорошо, что у меня ничего не было, сейчас поставлю и всё
Тема оптимизации всегда будет актуальна! Как SEO так и оптимизации самого блога.
Плагины очень нагружают ваш блог! На моем блоге сделано с помощью этого скрипта
Нормуль. Но для простого юзера (блогера) все равно такой способ довольно неудобен: каждый раз при добавлении картинки нужно ковырять html-код.
Да ничего сложного нет в этом, это только так кажется!
Артем, у всех темы разные... Бывает такие замудренные, что ух )))
То слезло, то сползло )))
5 — 10 раз так сделаешь, потом уже будешь это всё на автомате делать и ни чего не замечать! Первые разы у тебя это займет 5 минут, потом справишься за пол минуты.
Как раз таки это для простого юзера. Он справится. 5 минут разбираешься, потом все идет как по маслу на автомате.
Отличная фишка! Стильно смотрится. А можно настроить скрипт так, чтобы картинка вылетала на нас, а не просто появлялась?
Вот этого не знаю.
Нужно подключить jQuery и посмотреть что-нибудь готовое. Думаю, вы не первый, кто захотел это сделать.
Александр спасибо за статью! Буквально вчера прочитал, что плагин, который отвечает за данную функцию со временем очень сильно подгружает блог и пришлось этот плагин убрать, а тут у вас такая статья ролевантная.
Спасибо! Попробую установить
Классный скрипт, сейчас поставлю!
Спасибо Александр за полезную информацию и за скрипт.
Это удобно, если в статье 1-3 картинки, а если их 10 и более, тогда лучше использовать плагин :).
Лучше картинки не увеличивать
Согласен, но иногда без этого — ну никак.
Я очень часто использовал плагин для этого. Сейчас довел бедный блог до такого тормоза, что пора разгребать все это.
Александр, а разве вам именно все картинки надо увеличивать? Мне так например не все.
У меня все увеличиваются, так как это компьютерные инструкции со скриншотами.
Тем более вам надо скрипт использовать, а то так нагрузка будет не хилая. ИМХО!
Пока нормальная нагрузка. Читатели не все скриншоты открывают, так как есть и такие скрины, которые более продвинутому пользователю открывать нет смысла. Дальше буду смотреть.
Спасибо, действительно очень полезный скрипт, огромный + за реализацию этой идей без плагина.
У автора, смотрю, творческий подьем. Статьи одна лучше другой. Только вот недавно думал про картинки, как найти золотую середину, чтобы и картинка в хорошем качестве открывалась, и вес ее не слишком большой был. Статья актуальная, автору респект![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
.
Спасибо, но ,как по мне, Lightbox справляется с этим нормально. Лучше один раз установить, чем каждый раз править html код.
Кстати, Александр, не подскажете почему не устанавливается плагин Wp no external links? После учтановки не появляется в параметрах и при попытке вручную открыть админ панель пишет, что недостаточно прав для просмотра. Пробовал деактивировать все плагины и установить только его, но увы безуспешно 🙁
Я тоже так думал раньше, но сейчас понял, что лучше использовать скрипт, а не плагин, а то так и база вырастет и блог дольше будет грузиться. А это плохо для ПС.
По плагину Wp no external links не знаю. Может конфликт какой-то!
Временно установил плагин (J) eXR, но, к сожалению, он скрывает не все ссылки + преобразует их неправильно. Нужно найти альтернативу. Может через 301 редирект сделать?
Только вот думаю, не даст ли мне Яндекс по шапке
Иногда такое увеличение очень хорошо подойдет. Спасибо за скриптик. А способ лучше может и есть, но только в том, что скрипт со всеми другими файлами будут весить меньше. Этот весит 36Кб, так что лучше вряд ли найдешь.
Отличная замена плагина, а главное эффект просто отличный. Обязательно сделаю такое на своем блоге. Не люблю много плагинов. Сайт начинает реально тормозить. А так вот нашлась альтернатива еще одному плагину, который сегодня я точно отправлю в топку а вместо него использую ваш совет.
надо бы себе такой подключить спасибо Саня!
Александр спасибо за статью, все супер! Я бы еще добавил к вашей статье упрощенный вариант использования данного скрипта.
Для тех кто не хочет каждый раз копаться в HTML коде, можно просто указывать при добавлении картинки в параметрах отображения файла «ссылка: Медиафайл» — это позволит сразу добавить к изображению HTML тег
А дальше все делается в визуальном режиме в редактировании изображения можно указать и размер и обтеканиие текстом. Но самое главное, чтобы картинка открывалась с таким красивым эффектом нужно обязательно добавить параметр «simplebox» в дополнительных параметрах ссылки в поле «Отношение»
Вот и все, тогда этот вариант будет еще более удобен.
Ух ты! Вот спасибо! Действительно! Все еще проще стало! Спасибо! Добавлю в статью!
Дмитрий, большое Вам человеческое спасибо, светлая Вы голова! Теперь даже я поняла![[flower]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/7.png "[flower]")
!
Спасибо, Дмитрий![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
, ваше дополнение намного упрощает процесс, обязательно воспользуюсь предложенным способом увеличения картинок в статьях блога.
Дима, ну молодец — что тут скажешь !
Хороший совет, Дмитрий)
Вот это нужно взять на заметку.
Вот это, действительно, очень полезная статья! Не слышал о таком способе, теперь буду обязательно использовать у себя на блоге. Спасибо, Александр.
Вот это круто! Хоть и использую забугорный шаблон, где есть встроенные функции, но ковыряться в них не очень удобно... приходится все время переходить на сайт производителя темы! Да и грузит долго... а у тебя вроде быстро загрузил! В общем, буду тестить!
Вроде все просто, но у меня ничего не получилось. Психанул и удалил этот плагин к чертям.![[:--_)]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/16.png "[:--_)]")
Саша, очень радует Ваше вдохновение — все статьи пошли одна полезнее другой! Плагин действительно со временем нехило грузит БД, знаю людей, которые с этим мучаются, сайты начинают тормозить. Спасибо за полезную статью простым русским языком
.
Автору спасибо, статьи полезные, одна краше другой. Можно много почерпнуть для своего развития. Попытаюсь и я свои картинки оптимизировать
У меня в шаблоне темы все предусмотрено для увеличения изображений. Если у кого-то нет то даный код как раз в точку золотой середины!
Вот за это, Саш, спасибище!!! У меня все плагины не работали или с чем-то конфликтовали... Пока пишу с планшета, как попала к компу первым делом сделаю. Если что отпишусь.
Как раз у меня волна пошла — всё по максимуму стараюсь на код перевести. Нормально, забираю. Спасибо Александр и Дмитрию респектую за подсказку.
Ура! Все работает! Потрясно! Я долго искал как реализовать красивое увеличение картинок, повторюсь ни один плагин не работал. По плагинам — грешу на свою тему.
Да, еще забыл добавить — ребята, у кого в расширенных настройках ссылки будет поле «Rel ссылки» вместо поля «Отношения», не пугайтесь, это одно и то же, туда нам надо!
Всем спасибо за комментарии!![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
Александр, а если у меня уже открывается картинка при щелчке по ней в другом окне, ещё раз щёлкнуть ещё в одном. Прям как в сказке про кащея![[:-))]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/9.png "[:-))]")
Мне это не нравится. Плагин ни какой не устанавливал.
Выходит мне сначала надо найти и убить тот код, скрипт?
И только потом устанавливать предложенный вариант
Андрей вы просто когда вставляли картинки, то в параметрах отображения файла ставили — ссылка — медиафайл (выше на скриншоте показано). Вам теперь все ссылки менять в ручную.
В общем ставьте скрипт и вставляйте картинки правильно!
Спасибо, Александр. Но у меня увы не получилось. Картинка открывается в др. окне. Похоже скрипт не подключается. Название своего сайта в трёх местах поменял. Может какие-то особенности темы?
Ура, получилось! Спасибо! Я вставлял в корень сайта папку sbox, которая находится в архиве скрипта. Сейчас я вставил содержимое этой папки в корень сайта, и всё заработало. Просто путь не совпадал.
Александр скажите а как этот момент с картинкой отразится на поведенческих факторах?
Ни как. При чем тут картинки.
Отразиться, Саша.
Откроет кто нибудь пост, а тут картинка. Нажал — открылась, еще раз — закрылась... И так 56 раз ))) А время то идет ))))
А чем вас плагин не устраивал?
В статье написал.
У меня уже такое чувство что тебе уже дверь поставили. Ладно пойду уже читать статью, пока еще дома
Еще нет пока. Вдохновение.![[:-))]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/9.png "[:-))]")
Александр, спасибо!
Добрый день, Александр. Все сделал как описано в статье... но почему то не работает. Может с чем то конфликтовать ?
Разобрался, при копировании с сайта simplebox захватил лишний пробел. Кроме этого советую указать красным жирным шрифтом, что site.ru менять надо 3 раза. А то невнимательные новички как я будут спотыкаться
Вижу, что все работает!
Что-то у меня ничего не получилось. Картинка увеличивается, но в отдельном окне, а не на фоне страницы блога. И не посередине.
Извиняюсь, всё получилось. Поторопился, в одном месте в footer.php не подставил свой домен, вот и не сработало. Проверил, исправил. Классно, за пять минут настроил все картинки в последней статье. Так лучше, динамичнее. Правда есть сомнение, догадаются ли все нажимать на картинку.
Вот и отлично!
Сергей, можно около фото написать (фото кликабельна). Да и уже много кто знает, что если фотка маленькая, значит на нее тыкнуть надо...
Полезная статья надо будет попробовать.
Александр, ты не знаешь, этот скрипт можно использовать для сайтов на HTML?
Конечно можно! Все так же.
Это гут, спасибо )
Привет, Саша! Радует что снова пошли статьи по теме блога. Хотелось бы что бы в том же духе продолжалось и часто выходили новые статьи. Спасибо.
Саша, как ты бойко статьи писать стал!
Одна лучше и полезнее другой! Я сейчас плагином пользуюсь, но так как часто использую большое количество изображений в статьях, то нужно, видно, от него избавляться. На нынешнем блоге ничего не буду менять, но когда на новый адрес перееду, то постараюсь заменить большинство плагинов на скрипты. Спасибо за такие практичные советы!
Так скучно ни чего не делать! Двери нет, в офис не хожу, вот и засел писать статьи![[:-))]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/9.png "[:-))]")
Так и не привезли? Что за...
Александр. Благодарю вас за очень полезный скрипт. Как раз искал способы облегчить нагрузку на сервер, вот и заменю плагин с похожим эффектом.))
А, я у себя отказался от всякого рода эффектов с картинками, так как у меня бывают посты с 20-ю и больше фотографиями, поэтому ставить плагин — сильно тормозить работу блога, а 20-30 раз заморачиваться со скриптом — нереально.
Спасибо Саш) будем пробовать)! Продолжайте радовать интересными, а самое главное полезными постами!
Спасибо за интересную информацию, думаю многим будет это интересно. Если установить этот скрипт, тогда придется все картинки на блоге залить таким способом, то есть переустановить все изображения?
Эх эта «волшебная» дверь, не хотят люди зарабатывать, подари им курс, пусть лучше в интернете работают). Новая статья как и всегда несет в себе пользу, ждем новых фишек.
У меня такой есть вопрос. Для работы этого скрипта изображения должны быть в разных размерах? Или скрипт будет работать с одним изображением? Например, Вордпресс добавляет в папку uploads несколько размеров одного изображения. Если я оставлю только одно из них, этот скрипт будет работать?
Одно изображение.
Спасибо, то что надо для сайта.
Здорово, спасибо за подсказку, начал делать сайт, будем применять.
Да статья хорошая, у меня картинки большие, может для других сайтов возьму на заметку, спасибо.
Спасибо, Александр! Отличная, своевременная статья, нужно будет теперь некоторые фото по-новому перезалить!
Вроде бы и мелочь, но иногда без этой функции не обойтись)![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
давно использую, похожий способ, на блоге. очень удобная вещь, и в правду мелочь. но нужна на каждом сайте, менять не буду и так всё устраивает
может на будущее пригодится и попробую твой способ, плюс этого способа в том что к каждой картинки можно в рамке, описание добавить =)![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
Александр благодарю! Получилось! всё очень хоходчиво.![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
Хочу воспользоваться случаем сегодня же 8 марта девушки мы вас любим и без вас не как!!!
С 8 марта![[flower]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/7.png "[flower]")
![[flower]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/7.png "[flower]")
![[flower]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/7.png "[flower]")
желаю Успехов в Блогосфере, Любви побольше!!!
И для вас у меня есть подарочек![[present]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/8.png "[present]")
Вас прекрасными стихами
Поздравляем мы с весной.
Хоть слагали и не сами,
Дарим их – со всей душой!
Пусть для вас 8 Марта
Прозвучат слова любви!
Вам желаем солнца, счастья,
Блеска утренней зари!![[present]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/8.png "[present]")
![[flower]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/7.png "[flower]")
![[flower]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/7.png "[flower]")
![[flower]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/7.png "[flower]")
Присоединяюсь к поздравлениям. Всех женщин, девушек, девочек, бабушек С ПРАЗДНИКОМ!
Всех всех всех с праздничком!![[flower]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/7.png "[flower]")
С праздником, дорогие женщины![[flower]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/7.png "[flower]")
А дополнение то хорошее! Только я использую плагин именно так и делал)
Александр, подскажите — как сделать так чтобы после того как публикуется статья она индексировалась только чрез 2 или 3 дня. У меня после публикации через 5-10 минут она уже в индексе, как от этого избавиться?
Какое-то странное у вас желание![[:-|]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/18.png "[:-|]")
Обычно все не знают как сделать, чтобы страницы быстро индексировались, а у вас наоборот. Зачем вам это надо?
Хочу успеть набрать ссылочную массу. И успеть подредактировать.
Да, желание из редких
Мне бы так.
Думаю время попадания в индекс ни как нельзя ограничить, можно только либо ускорить либо оттянуть на неопределенный срок! В большей степени это зависит от самой поисковой системы! Ваш сайт скорее всего так быстро индексируется из за узко направленной тематики!![[:-|]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/18.png "[:-|]")
Как понять узко направленной?
Все статьи практически одной тематики, про Ислам.
А причем тут узкость тематики? Думаю нормальный сайт должен быть на одну тематику. А про Ислам я составил 350 статей. Эта тема больше чем сео и заработок, я вас уверяю)
Рамзан, вот так да )))
Как научитесь делать так, что бы индексация "наступала " через 2-3 дня — выпускайте платный курс: «Как уменьшит скорость индексации блога» . Будет востребованный
Поставь галочку в All in One SEO Pack не индексировать запись. Когда понадобится сними и обнови запись.
Спасибо за скрипт, теперь я задумался — стоит ли использовать тот плагин, что у меня стоит. Но вот в чем у меня загвоздка, в комментах уже писали — а как человек поймет, что нужно нажать на картинку? Тот плагин что я использую, когда проводишь мышкой по картинке, которая должна увеличиться, он меняет вид курсора и всем понятно что нужно нажать. А в примере выше, стрелка остается как была. Что выбрать — понятность для юзеров или уменьшить загруженность блога?
Кстати, на моем блоге я писал статью об одном скрипте увеличения изображений. Он будет поэффектнее, чем этот. Если у Вас получится прикрутить его к блогу, то будет тоже неплохо.
Александр, скажи как ты сделал в правом сайдабе табличку с популярными статьями?
Всё-таки с плагином проще. Вопрос есть, задавал ещё раньше, но так и не получил ответа. Как сделать так чтобы после добавления комментария он отображался с надписью «Ваш комментарий ожидает модерации», как у вас на блоге. У меня просто обновляется страница и пустота, то есть пользователю не понятно оставил он комментарий или нет.
Прикольно. А я купил тему для нового сайта, там уже просмотрщик встроен, плюс кучу других полезных фишек в настройках темы можно включать — настройка css, хлебные крошки, кнопки соц сетей, поля для размещения рекламых блоков в постах, и для статистики, локализация, настройки шрифтов и многое другое. Больше всего что понравилось — для каждой страницы или поста можно делать отдельный сайдбар. Плюс сам шаблон адаптивный и уже SEO оптимизированный. Короче половину плагинов можно не ставить и не нужно копаться в коде для донастройки шаблона.
Спасибо, Александр! Реально стало намного лучше, ибо реально было неудобно с большими картинками, всё время мучился, а тем всё тип-топ.![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
Если вы часто пользуйтесь увлечением картинок в своих статьях, то тут ставит придется плагины, у меня например 2-3 статьи в неделю и мне прекрасно подходит это решение!
Александр!
А как быть если необходимо сделать фотогалерею?
Хочу сделать на нескольких страницах по фотогалерее.
Но вся суть в том, что фото будут храниться на внешнем сервере для экономии на хостинге, к примеру на fotki.yandex.ru.
Яндекс и Гугл предательски молчат или предлагают плагины с закачкой на мой хостинг.
Спасибо за скрипт. Реально интереснее фотографии стали смотреться
Спасибо за совет! Так намного лучше, да и сайт не нагружает лишним плагином.
Я использую плагин shutter reloaded, дак тоже супер и он вообще легкий, ничего не нагружает!
Какое чудесное решение, для тех кто не хочет грузить сайт плагинами...Да и плагины, которые до этой статьи ставила, что-то косо работали, то одно, то другое. Спасибо за статью. Вы хорошо объясняете, четко, кратко и понятно.
огромное спасибо за такое решение! сминусовал только что еще один плагин! все работает отлично!![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
картинка стала намного быстрее открываться. 
хммм![[:-|]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/18.png "[:-|]")
самому что ли скрипт поставить, хотя мой плагин и легкий, плохо что нет прокрутки картинок в скрипте, то есть как в плагине у меня, одну нажал картинку-остальные далее по стрелке ...
Ооо) то что надо, еще избавлюсь от одного плагина! Александр, спасибо)![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
Ура, получилось!!! Александр, респект тебе![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
Сынуля а как мне добавить атрибут rel="simplebox" ко всем картинкам, и чтобы оно автоматически вставлялось ко всем изображениям, а не постоянно вставлять simplebox????
Вот все просто...все логично...но у меня не получилось...сделала по двум вариантам.......а картинка все равно в новом окне браузера открывается...причем я не выбирала эту функцию...жалко смайлика ревущего нет...я бы поставила ((((((
Такая же ситуация, раньше работал скрипт, сейчас картинки открываются в новом окне.
Присоединяюсь к словам "спасибо за скрипт".
Всё получилось с первого раза и всё четко работает.
Но вопрос (кто знает, ответьте пож-та).
До этого скрипта использовала плагин FancyBox for WordPress — на блоге было около 150 статей ( в каждой по 5-7 картинок) и естественно сайт стал превышать допустимую нагрузку. Какое то время не могла найти причину. Проверила по очереди установленные плагины. Но когда зашла в папку с картинками, увидела — плагин создает несколько копий одной и той же картинки разных размеров. В итоге, объем получился неимоверный. После чистки папка стала весить 38 мб (а была 106 мб).
Так вот вопрос заключается в том, что вышеприведенный скрипт так же создает 6 картинок разных размеров — всего получается 7. Так и должно быть или...?
и еще, может кто подскажет, можно ли (и как?) спрятать код, кот. устанавливаем в футере в отдельный файл? (дабы избежать лишнего кода)
спасибо!
Привет, Саш. Вставил данный скрипт, но почему то при нажатии на картинку, она выводится того же размера, что и была, а не увеличивается.
Разобрался. Все работает. Дело вот в чем. Для того, чтобы картинка всплывала в увеличенном виде, когда вы ее вставляете в статью через редактор, то нужно загружать фото в большом размере. Затем прописать rel=simplebox. После этого зайти на вкладку "текст", и уже там поставить вручную у изображения меньший размер.
Уххх... еле еле нашел)) Спасибо Александр за такую статью
А то устал от этих плагинов, поставил к себе все отлично работает!
Александр, здравствуй! Поздравляю тебя с рождением второго ребенка, вы с Юлей молодцы! Хочу узнать такой момент: я поставил скрипт, в одной из статей в 8 картинках установил отношение simplebox, картинки увеличиваются но не перелистываются (чтобы посмотреть следующую, надо закрыть просматриваемую). Что сделать, чтобы можно было листать картинки?
Спасибо Александр за скрипт. Он легкий, но при этом имеет не плохой дизайн и эргономичность. На моем блоге по фотошопу как нельзя кстати — и блог не тормозит, и картинки в поряде![[good]](https://isif-life.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
Александр, а как установить этот скрипт на страницу сайта создан который на чистом html и css
Яхууууу!!!! Вообще класс, не надо даже всякие плагины устанавливать)) У меня все получилось
Спасибо. У меня теперь тоже красивые картиночки на блоге ))
Александр, расскажите в двух словах, откройте занавесу, вам рисует художник-иллюстратор ваши картинки? Если не секрет, в каком диапазоне адекватная цена для таких хороших изображений?
Спасибо
У многих может быть проблема связана с тем, что они не распаковали архив закаченный. Кстати, в статье о распаковке не сказано.
Александр! Я прочел внимательно статью, и комменты, но один вопрос остался — а с фотками, которые были ДО установки скрипта, тоже нужно будет проводить все эти манипуляции? В смысле -"simplebox" и все такое?
Спасибо за полезную статью, это как раз то что я искал, единственное чего не хватает так это живого примера.
Живой пример?) Самая первая фотка (где Саша и его друг держат курсы), увеличивается как раз с помощью этого скрипта!
А почему скрипт не на 100% увеличивает, даже фотография про которую вы говорите (где Саша и его друг держат курсы) в реальности имеет размеры 1368×919, а скрипт увеличивает до 741×498, почти в два раза меньше, соответственно я повторю вопрос почему?
Очень полезный скрипт) СПАСИБО!!!!!!!!!!!!!!!!
Отличный скрипт! Был плагин fancybox, заменил на этот скрипт + немного улучшил, добавив автоматическое добавление отношения к картинкам с ссылками. Честно лень было вручную добавлять ко всем нужным картинкам...
Это можно сделать, добавив код, который ниже, в файл functions.php
КОД УДАЛЕН АДМИНИСТРАТОРОМ САЙТА
Кстати, если не нужны подписи, их можно отключить, достаточно в simplebox.js во второй строке поменять titleShow: true на titleShow: false
Как сделать стрелки прокрутки картинки при открытии, чтобы перейти на следующую приходится ее закрывать
Саша, здравствуйте!
Искал долго и находил Плагины, не знаю почему, но у меня стоит Lightbox и Auto Highslide, но они открывает картинку сбоку, но не увеличивает в размере.
Причину можете подсказать?
Спасибо.
Спасибо Вам Александр! Всё просто и понятно
Проблемка со скриптом, все открывает нормально, только почему-то не в полном размере, а просто увеличивает немного
Александр, спасибо за статью, все доступно, а главное работает! Но у меня возник вопрос — фото увеличивается не в полный размер а лишь по высоте странице, а возможно ли сделать двойной зум, чтобы сначала фото раскрывалось как есть и при нажатии на лупу увеличивалось до полного размера?
Век живи — век учись! Получилось всё с первого раза. Спасибо!
Все отлично работает. Но у меня проблема в том, чтобы надпись, заключенную в alt=" Подробности" сделать ссылкой. Помогите, если кто может. У меня пока ничего не получается.
Хороший скрипт, лучше чем ставить не работающие плагины. Я так понимаю еще надо галочку ставить " открытие в новой вкладке", а то получается картинка увеличилась, а обратно не как.
Может кто нибудь подсказать бесплатный плагин по оптимизации картинок.
Скрипт у меня заработал, правда у меня нет кнопки закрыть почему-то(