Скрипт увеличения картинки

Главная  >>  Полезные программы  >>  Скрипт увеличения картинки

Скрипт увеличения картинки

11
Авг,2014

27

Друзья здравствуйте! Сегодня я решил написать пост об одном замечательном методе который позволяет без помощи плагинов увеличивать изображение на блоге. Какой бы блог в интернете не открыл все говорят только об одном, чем меньше плагинов на блоге, тем блог будет шустрее работать, вот я и решил прибегнуть к тому, чтобы мой блог меньше тормозил, и быстрее загружался. Все изображения которые опубликованы в этом посте работают именно по этому методу.

 

скрипт для увеличения изображения

Для того чтобы реализовать все это дело на своем блоге, нам потребуется всего 3 простых шага:

  1. Закачать скрипт в корневую папку вашего блога.
  2. В файл footer.php добавить фрагмент кода.
  3. Добавить изображение в статью блога.

Шаг 1 — скачиваем скрипт и переносим его в корень блога.

Для начала скачаем скрипт, и закинем его в корень своего блога  через ftp-клиент FileZilla или через свой хостинг. Содержимое скачанного файла нужно разархивировать, все файлы перекинуть в папку httpdocs.

скрипт увеличения изображения

Шаг 2 - добавляем фрагмент кода в файл footer.php.

При добавлении кода в файл footer.php предварительно измените название сайта на свой как указано на скриншоте:

редактирование файла кода

Если все сделали, то смело копируйте данный код и вставляйте его в файл footer.php перед закрывающимся тего </body>

вставляем код в файл footer.php

 

Код для копирования:

<script type="text/javascript" src="http://site.ru/simplebox_util.js"></script>
<script type="text/javascript">
(function(){
var boxes=[],els,i,l;
if(document.querySelectorAll){
els=document.querySelectorAll('a[rel=simplebox]');
Box.getStyles('simplebox_css','http://site.ru/simplebox.css');
Box.getScripts('simplebox_js','http://site.ru/simplebox.js',function(){
simplebox.init();
for(i=0,l=els.length;i<l;++i)
simplebox.start(els[i]);
simplebox.start('a[rel=simplebox_group]');
});
}
})();</script>

Шаг 3 - добавляем изображение.

Вроде бы все хорошо, скачали скрипт, в файл footer добавили код, а теперь маленькая изюминка.
После того как мы добавили картинку на страницу своего блога, нам нужно будет прописать слово simplebox, а теперь вопрос куда его вставить, а вставить его нужно в поле отношение, как показано на скриншоте. Для начала нажмем на карандаш, а далее в дополнительные настройки, здесь находим слово (отношение) и туда вставляем эту фразу.

редактор изображения

 

Вставляем слово simplebox:

вставляем слово simplebox

 

Все готово, теперь мы сможем выбрать любое нам понравившееся изображение и сделать его увеличение без проблем.

 

 

27 комментариев:

  1. Боже мой,ну и волокита с этим скриптом!!! 🙂

    Люди,что же вы все так боитесь этих плагинов?Они не достойны такого отношения!!!!

    Уже давным давно доказано,что предпочтение кодов и скриптов плагинам не доказывают свою эффективность!

    Как таковы плагины,не тормозят блог,то что тормозит блог,это качество плагинов и их огромное количество на блоге!!!!!!!!!! Если не переусердствовать с ними,то они будут выполнять все функции на блоге супер качественно,а иногда даже лучше чем какой то код!!!

    Кроме того,это на много удобней.Ведь если плагин глючит или не совмещается с другими,то его можно просто удалить,а вот если есть проблема с кодом или скриптом,то иди вспоминай в каких файлах они прописаны и смотри не удали по случайности скобку другого кода,а то все,кранты!!!!

    Что скажешь на этот счет? Или ты абсолютно со мной не согласен и считаешь это полным бредом?

    А вообщем,клевая статья,мне понравилось! 🙂

  2. Алексей Смирнов:

    Игорь спасибо за критику, я отнесусь к ней положительно. :mrgreen:

    Ты пробовал его установить? Я вот поставил и не жалею, если мне нужно увеличить изображение, остается только прописать слово simplebox и все.

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

    Новичку конечно же будет не легко, и лучше использовать плагин. Но я за то чтобы использовать код, и если будет такая возможность, то я обязательно ей воспользуюсь.

    А для не любителей кодов, я предлагаю использовать плагин для увеличения изображений Auto Highslide. 😉

  3. Алексей, у меня и в мыслях не было тебя критиковать!!!! 😆

    я же написал что статья клёвая и я даже добавлю, что она очень полезная! Но...я слышу на каждом шагу мнения на счёт плагинов, что они загружают блог! Все просто слушают гуру и делают то, что они говорят без проверок!

    я даю тебе сейчас ссылку на одну супер статью мной очень уважаемого блогера и просто хорошего человека Александра Каратаева. После её прочтения ты всерьёз задумаешься, как воспринимать информацию о плагинах, ранее тебе известную! Эта статья, она просто взрыв мозга!

    blog.ddw.kz/skorost-zagru...a-i-plaginy.html

  4. Алексей Смирнов:

    Я уже чувствую что она мне взорвет мозг, спасибо Игорь, обязательно прочитаю. Спасибо за просвещение, а то развелось много знающих :mrgreen: не знаешь кому и верить. 😉

  5. Как говорят — «Доверяй,но проверяй!» 🙂

    Честно говоря я и сам часто прочитаю какую нибудь статью у популярного блогера и сразу мысль появляется,ведь если он это говорит,значит знает!!!Ведь не просто так у него посещаемость в 5000 уников в сутки!!! И сразу делаю все по его совету! А потом только, захожу к друоому популярному блогеру у которого всего лишь 2000 уников в сутки,а он утверждает совсем обратное!Вот что делать в таком случае?

    Поэтому я отношусь к любой информации очень осторожно и пытаюсь собрать максимально объемную и обширную информацию, с доказательствами и только тогда уже делаю то что нужно делать! А если писать об этом в свой блог,то...вообще ужас!!!! Я раз так обломался,когда не проверил как надо информацию и написал чушь в свой блог! Мне было очень стыдно,когда в комментариях мне написали что я все перепутал и чтобы не путал других людей тоже!Уххххх!!! Всю ночь не спал после этого!!! 🙂

    Короче Алексей, ты извини меня конечно за то, что я тебя загрузил своими размышлениями, но надо было мне душу изложить перед кем то, а то накопилось!

    Спасибо тебе, за то,что прислушиваешся к моему мнению!Поверь мне,для меня это не само собой разумеется! Спасибо!

  6. Алексей Смирнов:

    И не говори Игорь, надо тоже по такому принципу начать работать, а то засмеют еще, тоже всю ночь спать не буду, а я еще по жизни так все близко к сердцу воспринимаю.

    Спасибо еще раз! 😉

    Кстати если не слышал, возьми на заметку, я вчера вычитал в интернете, информация свежая,говориться, что

    «Google будет продвигать безопасные сайты в результатах поиска-протокол https».

  7. Огромное спасибо за ссылку, Игорь!

    Отличный блог, неординарный автор — Александр Каратаев!

    Подписалась...

  8. За скрипт благодарю — нужен по зарез, но в коды не полезу даже с пистолетом у виска...

    Была одна попытка — еле сайт восстановила... 🙄

    • Алексей Смирнов:

      Галина очень рад, что данная информация Вам понравилась. Честно сказать, страшного ничего нет, открыл нужный файл прямо из админ панели ворд пресс, вставил нужный кусок кода в то место где говорит автор, нажали обновить, и в принципе все. Самое интересное в этом скрипте то, что применяешь его только тогда когда тебе это нужно, применяется не ко всем изображениям, а только к тем где вы пропишите слово simplebox. Удачи Вам, если есть возможность, попробуйте поэкспериментировать.

    • Нужно всегда перед тем как что то начинать делать, всегда создавать резервную копию. Чтобы потом если вдруг что можно было восстановиться.

  9. Алексей Смирнов:

    Кстати забыл сказать Игорю спасибо, за интересный пост, которым он с поделился. И в правду развеял мифы о том, что плагины сильно тормозят блог. Друзья переходите по ссылке и обязательно ознакомитесь с этим постом, если еще думаете что плагины сильно тормозят блог 😉

  10. Решилась!

    Скрипт скачала.

    Разархивировала.

    Зашла на хостинг и рекомендованную Вами папку httpdocs не нашла...

    Не подскажете путь, хоть приблизительно — проверила многие...

    • Алексей Смирнов:

      Ура! Главное как говориться начать. Галина, я не знаю каким хостингом вы пользуетесь. Я вам советую скачать программу Filezilla, ссылка у меня как раз в посте есть. Установите программу, настройте ее как у меня в статье dobrevich.ru/kak-polzovat...j-filezilla.html и вы сразу же обнаружите эту самую папку, я вам обещаю!)

  11. Да не за что Галина!!!Если бы не доверял Александру,то не советовал бы! 🙂

    А вот последняя его статья...вообще сенсация!!!!!!!!! Советую!

  12. Не за что Алексей! Жаль только что это не я написал такую статью 🙂

    А то сразу бы стал популярным 🙂 Я шучу 🙂

    • Алексей Смирнов:

      Я думаю, что с твоим потенциалом, ты еще напишешь хорошие статьи, которые мы будем читать Игорь,взахлеб!

  13. Уау,Алексей!!!!!Вот это комплимент!!!!!!!Спасибо тебе большое!!!Ой как приятно,аж покраснел 🙂

    Кстати я тебе скажу...аналогично!!!!!!!!

  14. Я так понимаю, что на твоем блоге, Алексей не используется скрипт для увеличения картинок (пытался клацал — но картинка не увеличивается)?

    • Алексей Смирнов:

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

      • Уже понажимал — оказывается на маленьких изображениях работает, на главной не хочет.

        Теперь смотри — при нажатии на первую картинку — выбрасывает на форму регистрации pritterest.

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

        • Алексей Смирнов:

          Замечал это тоже, надо будет с этим разобраться. Спасибо.

  15. Все привет! Алексей, я пользуюсь этим скриптом уже давненько, но не могу разобраться почему не работает функция пролистывания картинок вправо и влево!? Функция такая есть же у этого скрипта, а почему не работает? Может вы сможете мне помочь? Кто нибудь вообще задумывался об этом? Спасибо!

    • Мне тоже интересно. Суде по всему такое должно быть, но почему то не работает. Было бы классно если бы помогли в этом разобраться.

  16. Класс,нашел скрипт.

    А то я плагины меняю на скрипты.

    Теперь будет чем заменить,пойду тестировать.

    • Алексей Смирнов:

      Очень прикольный скрипт, применяю его по необходимости.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *