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

Сегодня клиент ICQ Qip Infiun ни с того ни с сего выдал ошибку при подключении: Вы используете старую версию клиента, обновите версию. Ну естественно, как обычно, аська решила сменить протоколы.


16 декабря 2009 · Игрушки

Мой друг Варона в преддверие нового года — года Тигра сделал еще несколько игрушек из проволоки, в стиле его проволочного мира, где проволочные человечки живут своей жизнью.  На этот раз он сделал фигурку тигра из проволоки. И несколько новых человечков. ну и конечно же здесь Вы можете увидеть его фотографии.


Метки

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

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

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

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

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

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

Ссылки