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

Чем заняться на маский праздники? Мы с друзьями решили как в старые добрые времена поднять задницы от дивана и выехать на природу на несколько дней. Чтобы внести малость экстрима хотим сплавится по одной из рек Ульяновской области. Выбор не особо велик — Черемшан в районе Димитровграда и Сура, в районе Сурского. Выбор свой остановили на […]


17 сентября 2012 · Новости

Привет, ты зашел на мой блог, в котором я стараюсь описывать то, с чем сталкиваюсь. На моем блоге несколько направлений, которые поделены на рубрики, в левой части сайта. Например 1С — в этой рубрике я описываю все, что касается 1С, начиная от того, как устанавливать и настраивать 1с, и заканчивая тем как автоматизировать предприятия. В […]


Метки

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

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

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

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

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 равно еще хуже Касперского . Иди в жопу с ним
  • просто_чайник: Не люблю этот антивирус. Заметил такую особенность. Если обновить базы в начале работы, довольно часто...
  • Елена: Самое главное. Файл для совместной работы открыть нельзя! Если надо что-то отредактировать — только...
  • Виктор: Поставили мне на работе эту замечательную программку. Работать невозможно, ужасные тормоза. Стали...

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

Ссылки