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

Блин. опять сервера 1gb.ru не работают. Выдает ошибку Database Error: Unable to connect to the database:Could not connect to MySQL Да чтож такое. Даже в техподдержку писать не хочется — будет получен ответ — приносим извинения за причиненные неудобства. За что только деньги берут. Процессорную нагрузку у них не превысь, иначе доплачивай, доп услугу заказать […]


Около 15.30 прозвучал взрыв такой силы, что чуть не повылетали стекла. Как оказалось взорвался так называемый «арсенал 31» на Верхней Террассе. Я в начале подумал, что взрывы звучат с территории 131 бригады ВДВ, которая базируется неподалеку. Решили с другом съездить посмотреть в чем дело. На дорогах пробки. Отъехав от Нового Города стало ясно, что взрывы […]


Метки

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

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

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

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

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

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

Ссылки