Последнее обновление: 23 мая 2015 в 14:58
Подпишись на RSS
rss Подпишитесь на RSS, чтобы всегда быть в курсе событий.
20 февраля 2010 · Игрушки

Позвали друзья в гости, говорят «поиграть в боулинг»… Я не понял прикола — как в обычной квартире можно поиграть в боулинг? Может настольную игру придумали. Ну да ландно гадать не стал, затарился пивом и пошел в гости. Оказалось друзья приобрели приставку от Nintendo, с незатейливым названием Wii. Wii предаставляет собой небольшую коробочку, которая оснащена инфракрасным […]


Собрались с друзьями по весне на очередную вылазку в неизведанные нами еще места, и решили посетить Богомольный Ключ, расположен который в одном из оврагов Сенгилеевского района Ульяновской области. Скажу сразу, хоть и отметили мы его на  GPS навигаторе, все равно искали достаточно долго. Помешала еще и грязь — чернозем, верхний слой которого подтаял и машина […]


Метки

Метки записей
Удаление партий Структура 1С Отзывы Windows XP вирус SMS перенумарация перенос документов Лирика переустановка windows портативный аккумулятор вирус СМС открыть xlsx docx мошенничество Новая форма счет-Фактуры сбились номера документов Сайты пакетный запуск 1С Oracle Вопросы 1с реестр гаджеты Мужчина и женщина Фото Автомобили Финансы Командная строка реестр Свертка 1С Армия просроченная дебиторская задолженность программы для слепых Интересные места Скачать 1С дравер MySQL скачать расчет ПЗД свертка скачать конвертер office 2003-2007 Проблемы Оптимизация office 2003 Вирусы Система автозапуск Обработки Кино автоматизация Взлом Ошибки 1С вирус эмулирует нажатие Win Интерент Asus Eee Свертка базы 1С антивирус Экономика Игры партии XPE взломать пароль редактирование DBF контент-провайдер LiveCD Dr.Web восстановить нумерацию Видео Установка Windows свертка в картинках сайт Печатные формы Интренет Интернет Вся Программы новости Drivers Документы на почту Добавить новую метку Подключить 1С к MySQL антивирусы сверка базы 1С Zver DVD Бухгалтерия homachi локальная сеть через интернет Программы для 1С удаляем пароли Юмор Анализ ПДЗ Пошаговая свертка Загрузка с компакт - диска СМС оплата Спорт Экстремальные игры Альпинизм Отношения Свертка по партиям Файлы 1С jaws печать от поставщика Методика свертки 1С Драйвера уменьшить размер базы Спутниковое ТВ связь ZverCD 1с и MySQL код защита Работа Деньги свертка торговли Обзоры Делаем LiveCD заблокирован HP Pavilion dv6000 Оборудование бесплатно узнать пароль Отчет удаление документов office 2007 Взлом 1 Жизнь Взлом 1С День жестянщика Драйвер ODBC скачать сертфикаты
23 ноября 2009

jqery на службе блоггера. Как увеличить картинку при наведении

Автор статьи: , 23 ноября 2009 в рубрике Вопросы и ответы, Новости. . Просмотров: 5 479

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

DSC08124 jqery на службе блоггера. Как увеличить картинку при наведении

Закат

Авторские права на предоставленный материал принадлежат автору сайта http://extremallife.ru

Сам я в языках программирования для вэб, таких как php, Java Script не разбираюсь, поэтому обратился за помощью к специалисту по вэб — программированию.

Он посоветовал мне для этой цели использовать скрипты jquery.js, которые как раз таки предназначены для подобных вещей.

Так же он сказал, что более грамотно было бы загружать на страницу маленькие изображения, и их большие копии, при отображении страницы загружаются маленькие картинки, а при наведении уже подгружаются их большие копии с помощью технологии ajax. Но так как мой блог «крутится» на wordpress, то здесь не получится так сделать с минимальным вмешательством, поэтому грузятся изображения, отображаются в уменьшенном масштабе, а при наведении всплывают окна с изображением в натуральную величину.

Как же сделать чтобы при наведении на картинку всплывало окно с увеличенным изображением?

Можно сделать по разному. Я же сделал это с помощью java скриптов.

Во первых необходимо закачать файлы со скриптами на сервер, а затем подключить их.

Сами скрипты я скачал из нета и мне их переделали под мои нужды. Скачать скрипты можно по ссылке.

 jqery на службе блоггера. Как увеличить картинку при наведении

Редактор тем wordpress

Для подключения скриптов заходим в админку wordpress, Внешний вид, Редактор. Ищем в установленной теме файл, в котором прописаны теги <head> и <body>. В моем случае это — header.php,  и прописываем строки:

 jqery на службе блоггера. Как увеличить картинку при наведении

header.php

В HEAD

<script type=»text/javascript» src=»/wp-content/jquery.js»></script>

В BODY
<script type=»text/javascript» src=»/wp-content/js/jquery.zimage.js»></script>

Предварительно необходимо скопировать файлы скриптов в папку wp-content/js или в любую другую, на которую прописан путь.

Вот в принципе и все. Далее остается при добавлении изображения прописывать ему дополнительный класс — zimage

 jqery на службе блоггера. Как увеличить картинку при наведении

устанавливаем класс zimage

Пример работы скриптов можно посмотреть на фотографии вверху статьи и на последнем изображении.




К записи "jqery на службе блоггера. Как увеличить картинку при наведении" есть 1 комментарий

файлы с депозита удалены… перезалей их или вышли из мне на почту…заранее спасибо

Ответить


Оставить комментарий

*

Блог программиста 1С. Программирование 1С
Если Вас что-то заинтересовало или возникли вопросы, пишите.
petr@evseev.ru
Skype - evseev_petr
ICQ - 262808698

Сохраните меня в социальных сервисах

Комментарии

Присоединяйтесь к обсуждению
  • Леха: Мало того, что это говно-антивирус требует .Net Framework не ниже 4.0, так он еще пожирает ресурсы компьютера,...
  • tommy: AVG равно еще хуже Касперского . Иди в жопу с ним
  • просто_чайник: Не люблю этот антивирус. Заметил такую особенность. Если обновить базы в начале работы, довольно часто...
  • Елена: Самое главное. Файл для совместной работы открыть нельзя! Если надо что-то отредактировать — только...
  • Виктор: Поставили мне на работе эту замечательную программку. Работать невозможно, ужасные тормоза. Стали...

Избранное видео

Ссылки