25.05.10 
В этой статье будет рассмотрено, как при нажатии мышкой по картинке сделать ее увеличение, причем не по центру экрана, а в месте расположения самого изображения. Этот урок будет посвящен исключительно скрипту Highslide.
Заходим на сайт . В первую очередь можем ознакомиться с возможностями скрипта (примерами) на главной странице, но я расскажу именно о первом способе увеличения картинок.
После чего переходим в раздел "Download" и скачиваем последнюю версию скрипта (на данный момент 4.1.8). Видим там много файлов, которые служат для разных возможностей скрипта. Еще есть папка examples с готовыми примерами для ознакомления и вставки у себя на странице. В нашем случае нам понадобятся только такие файлы и папка: graphics, highslide.js, highslide.css, highslide-ie6.css.
Суем эти файлы в папку js относительно страницы сайта. Открываем в редакторе файл вашей страницы, например, index.html и между <head></head> пишем:
<script type="text/javascript" src="js/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="js/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'js/graphics/';
hs.wrapperClassName = 'wide-border';
</script>
Дальше, предположим, в теле документа у нас есть картинка slide.jpg, написанная в виде <img src="img/slide.jpg">. И тут есть 2 варианта, как можно сделать увеличение изображения при нажатии:
1. Увеличение этой самой картинки с уменьшенного вида. То есть уменьшаем картинку средствами html или css и при нажатии загружаем ее же в оригинальном виде. Выглядит это так:
<a href="img/slide.jpg" onclick="return hs.expand(this)"><img src="img/slide.jpg" width="40" height="80"></a>
2. Увеличение уменьшенного изображения с другим файлом. То есть уже имеется уменьшенная картинка slide.jpg, при нажатии загружаем другую slide2.jpg. Выглядит это так:
<a href="img/slide2.jpg" onclick="return hs.expand(this)"><img src="img/slide.jpg"></a>
Можно посмотреть пример .
Если нужно убрать рамку, то надо редактировать class в файле highslide.css. Если нужно убрать ссылку на сайт производителя и ненужные надписи, то надо исправить и удалить несколько в файле highslide.js.
Да, все работает. Только добавление: чтобы при наведении на картинку появлялся значек + (увеличить), надо перед onclick=»return hs.expand(this)» вставить class=»highslide». А так спасибо. оч классный скрипт. Кстати, где можно почитать инструкции по применению других возможностей Highslide? Например, как сделать описание увеличенной картинки?
[Ответить]
Июль 4th, 2010 at 12:27
Другие возможности можно посмотреть в паке Examples и на примере сделать у себя.
[Ответить]
Сентябрь 12th, 2011 at 21:30
Чтобы работала лупа нужно писать class=»highslide» , а не class=»highslide»
[Ответить]
Сентябрь 12th, 2011 at 21:31
class=»highslide» вобщем ковычки верхние! видимо тут их сайт переписывает!
[Ответить]
Очень странно!!!В браузере по умолчанию на увеличенной картинке коментарий пишется нормально – кириллицей,а в других – квадратики и ромбики!!!Подскажите как исправить?
[Ответить]
Июль 4th, 2010 at 18:31
В других браузерах?
[Ответить]
Да, в Мазилле и IE текст о том, что нажать и передвинуть картинку выглядит ввиде квадратиков,а в Opera все нормально!!!!
[Ответить]
Июль 5th, 2010 at 2:07
Скорее всего дело в кодировке в настройках браузера, либо на странице в мета-теге прописана неправильная кодировка.
[Ответить]
В том то и дело,что в Вашем примере по ссылке «тут» – данный комментарий отображается во всех браузерах адекватно!
[Ответить]
Друзья, помогите… Как сделать что бы всё это работало во всех разделах меню? У меня только на главной всё отображается. Я закинул скрипт сюда: Главная » Управление дизайном » Редактирование шаблонов » Редактор страниц »
Страницы сайта. Правильно?
admin, как связаться с тобой?
[Ответить]
Июль 10th, 2010 at 11:35
На странице «О сайте» есть контактные данные.
[Ответить]
Ну в шаблоне скрипт пропиши и я думаю он во всех страницах отметится.
[Ответить]
Всё работает, нужно было только подождать… Спасибо Вам большое, везде этот скрипт искал, у Вас лучшее описание))
[Ответить]
Март 26th, 2011 at 5:25
привет можешь мне поставить етот скрип я никак не пойму как!? вот мой скайп demon4ikiller
[Ответить]
А у вас нет статьи, что бы при нажатии на картинку появлялся проигрыватель с видео в том же стиле?
[Ответить]
Июль 14th, 2010 at 18:08
Так ведь можно в это самое окно вставить видео/картинку/текст, либо нужно сделать другое?
[Ответить]
Видео…не получается вставить….тоесть нажимаю на картинку и открывается проигрыватель,который можно закрыть!!!И виде не с Ютуба,а свое!Помогите!
[Ответить]
Июль 16th, 2010 at 0:10
Я не знаю, как создать свой web-player, но чужой вполне возможно вставить вроде.
[Ответить]
Admin и на этом спасибо!!!!!
[Ответить]
пробовал на ucoz не хочет устанавливатся горит loading а дальше тишина .. кидаю ссылку в url .. наверно знаний не хватает. Притом на Джумгле и и компе прекрасно работают .. что то неправильно делаю.. за ранее спасибо
[Ответить]
нашёл работает спасибо … оказывается graphics в не тот каталог засунул
[Ответить]
Подскажите, пожалуйста, как убрать рамку маленькой катринки?
Спасибо!
[Ответить]
Юля, в файле highslide.css вместо класса
.highslide img {border: 2px solid silver;
}
напишите
.highslide img {border: 0px;
}
[Ответить]
Благодарю за оперативный ответ!
Просто забыла указать border=»0″ в теге -)
[Ответить]
При наведении курсора на маленькую картинку нет увеличительного стекла.
Может быть подскажете, как это можно исправить?
Спасибо!
[Ответить]
Июнь 4th, 2011 at 19:26
читайте коммент выше
[Ответить]
Юля, стекло показывается не во всех браузерах, как его сделать под все клиенты – хз.
[Ответить]
На сайте Highslide все очень подробно написано( в самом низу страницы). и папку надо назвать нормально Highslide. этот метод у меня не заработал.
[Ответить]
Помогите! Как сделать так, чтоб на увеличенной картинке можно было собрать image map? сама карта есть, а вот как её приспособить-ума не приложу… всё только увеличивается-уменьшается.
[Ответить]
Октябрь 14th, 2010 at 11:52
Александр, извините, не в курсе. Возможно нужно переделывать сам скрипт, чтобы он позволял вписывать несколько картинок.
[Ответить]
Спасибо за оперативный ответ! Буду искать на просторах Интернета.
[Ответить]
Не могу помять как убрать ссылку на ихний сайт……….
[Ответить]
Октябрь 22nd, 2010 at 23:43
Алексей, удалите в файле highslide.js строчки с ссылкой.
[Ответить]
Апрель 9th, 2011 at 1:56
чтобы убрать копирайт не нужно удалять ссылку как таковую-будет правильней в .js документе поставить false вместо true
showCredits : false-won’t show the copyright
[Ответить]
Спасибо, очень помогли!)
[Ответить]
поставил скрипт – все работает. изменил тему – работать перестало. при нажатии на картинку она просто открывается в новом окне.
код между тегами head установлен. Не подскажете в чем может быть проблема?
[Ответить]
aster, смотреть нужно, можете оставить ссылку, а так проверьте пути к файлам.
[Ответить]
Я знаю, что чудес не бывает, но почему-то заработало….
[Ответить]
aster, рад за вас )
[Ответить]
У меня флешка на странице, когда нажимаю на картинку и открывается большая она оказывается на втором плане за флешкой…Подскажите как увеличенную картинку поставить на передний план?
[Ответить]
Декабрь 6th, 2010 at 17:11
Сергей, с flash не пробовал, но вероятно проблему можно решить, если использовать слои. Объединяем отдельно flash и картинку в блоки, ставим стиль вида:
1div style="position: relative; z-index: 1;">Flash блок1/div>1div style="position: relative; z-index: 2;">Картинка1/div>
Вместо ’1′ пишем ‘<‘.
В этом случае z-index отвечает за видимость слоев.
[Ответить]
Чё то не помогло, там наверно в самом скрипте прописать где-то нужно чтобы картинка вылазила поверх всего (и поверх флешки), тока вот никак дойти не могу что куда…
[Ответить]
Все сделал, все работает, но…только на локальном компьютере. После размещения на сервере( narod.ru) увеличения картинки не происходит, появляется сообщение Loading , а дальше тишина. Выгружаю с сайта файлы на комп-все работает. Что я не так делаю?
[Ответить]
Да, и еще-удалил в файле highslide.js строчки с ссылкой, но на картинке осталась надпись undefined, ведущая в никуда. Как это дело поправить?
[Ответить]
Алексей, так вот в этом все и дело, что вы пробуете запустить скрипт на narod.ru, попробуйте на другом сервере, должно все работать.
Я точно не помню, что нужно оттуда удалять, но там помимо ссылки удалить строчки с выводом надписи. Вечером посмотрю, напишу.
[Ответить]
Я так понимаю, что narod.ru не любит каких-то сторонних скриптов? Жаль…Перенести ресурс на другой сервер, к сожалению. нет возможности. Что ж, «будем искать». А highslide буду изучать на будущее
[Ответить]
Подскажите пожалуйста, а как сделать, что-бы при нажатии на картинку она увеличивалась на странице, где находятся превьюшки, а не открывалась в новой странице.?
[Ответить]
Алексей, в оригинальном файле highslide.js удалите следующие строчки:
36 creditsText : ‘Powered by Highslide JS‘,
37 creditsTitle : ‘Go to the Highslide JS homepage’,
60 creditsHref : ‘,
1417 href: hs.creditsHref,
1420 innerHTML: hs.lang.creditsText,
1421 title: hs.lang.creditsTitle
Я использовал версию скрипта 4.1.8.
Денис, если вы все сделали правильно, то картинка не должна открываться в новом окне. Проверьте пути к файлам, напишите, где и как вы проверяете работу скрипта.
[Ответить]
Благодарю! Проверил пути и действительно ошибся с папками, всё поправил и заработало =)
[Ответить]
для Алексея: у меня сайт на котором сейчас тестирую этот скрипт, так же расположен на народе- всё работает. Так что дерзайте!
[Ответить]
To admin: удалил указанные строчки. Все стало как надо. Большое спасибо!
То Денис: я вот тоже думаю, что должно работать. Где-то я лоханулся
[Ответить]
Добрый вечер, установил скрипт, СМС Друпал, хорошо работает, сейчас готовлю картинки дальше что-бы разместить, но одна неприятность, нет текста под картинками. Видимо кириллицу не воспринимает, в коде UTF-8. Подскажите Очень необходимо что-бы текст сопровождал картинки.
[Ответить]
Январь 11th, 2011 at 0:05
Вроде этот скрипт для этого не предназначен. Используйте LightBox.
[Ответить]
Добавление: почему-то нет количества картинок, которые указываются в галерее.
[Ответить]
Январь 11th, 2011 at 0:06
Вы хотите, чтобы при открытии картинки можно было переключиться на другие и было написано их количество на странице?
[Ответить]
Январь 22nd, 2011 at 10:29
Конечно, в исходнике показывает количество и под каждым имеется текст
[Ответить]
Февраль 13th, 2011 at 0:27
Не стал заморачиваться, другие использовал галереи, работает хорошо
[Ответить]
Здравствуйте! У меня почему-то при открытии ссылки на сайт, которая присутствует вверху увеличенной картинки, открывается не мой адрес сайта, а несуществующая страница ссылка которой заканчивается undefined. Как это устранить, чтобы ссылка вела на нужный адрес?
[Ответить]
Январь 16th, 2011 at 2:05
Ольга, посмотрите в комментариях выше, где я ответил Алексею, что нужно изменить/убрать в highslide.js.
[Ответить]
Я читала коментарии. Но у меня другой случай. Я бы не хотела убирать ссылку, убрать ее совсем у меня получается, а вот оставить, чтобы она срабатывала на мой сайт нет. Ну что ж хорошо раз так, будет без ссылки…
[Ответить]
Доброго всем времени суток!
У меня проблема с сайтом Ucoz, уже отчаялась искать ответ..дело в том, что мне нужно чтобы при клике мышкой на изображение, ну для примера «Марка телефона», открывалось окошко с этой маркой в отдельном окне по центру экрана. Пока что открывается в левом верхнем углу во всь экран. Скажите, возможно чтобы изображение открывалось по центру?
Спасибо!
[Ответить]
Январь 25th, 2011 at 0:25
Лена, уменьшенное изображение товара у вас тоже в левом верхнем углу? Скорее всего возможно, может можно в стилях изменить.
[Ответить]
Не понимаю в чем причина!!! На компе скрипт работает, а на сервере – нет??? Почему, скажите пожалуйста??? Сервер white suite!
[Ответить]
Январь 25th, 2011 at 0:26
Где сервер, хостинг бесплатный? Правильные пути?
[Ответить]
Пути правильные точно!!! Хостинг платный, но дешевый(22 руб/мес.). А сервер, в смысле само место расположеня? – по-моему в германии!
[Ответить]
Январь 27th, 2011 at 3:39
Даже не знаю, что вам посоветовать по этому поводу.
[Ответить]
Я допёр, оказывается сервер настолько чувствителен к регистру букв что для него форматы .png и .PNG абсолютно разные вещи!!!! А я просто картинку в Paint сохранял, а там если выбрать .png то он большими букавками заполняет, вот откуда непонятки теперь все работает!!!!)))
[Ответить]
Январь 27th, 2011 at 13:11
Ясно, смешно ) А на компе вы пробовали другие картинки, когда скрипт работал?
[Ответить]
Да, пробовал! На компе все работало с другими картинками и с разными расширениями(.png, .PNG)))
Скрипт классный, спасибо!!!
[Ответить]
О! Как доступно! А то маюсь тут, кумекаю, но знаний не хватает и не могла сообразить, что всё хозяйство в папочку js надо запендюрить:)) Теперь всё заработало!
Гранд мерси автору!
[Ответить]
Не работает. Сделал все как написано.
[Ответить]
Февраль 8th, 2011 at 14:55
Еще раз проверьте все пути к файлам и сам код.
[Ответить]
Спасибо большое за скрипт
[Ответить]
спасибо огромное за мануал)) конечно, не получилось просто скопировать, чтобы все заработало, пришлось немного повозиться…
но все-равно RESPECT)))
p.s. на народе все работает)
[Ответить]
Март 3rd, 2011 at 4:21
Если получилось, то уже хорошо )
[Ответить]
Здравствуйте! Подскажите пожалуйста, у меня этот скрипт нормально работает только в google hrome, в остальных увеличенная картинка открывается в новом окне. Где изменить код что бы везде нормально отображалось???
[Ответить]
Март 15th, 2011 at 13:54
Здравствуйте. Должно работать, попробуйте еще раз.
[Ответить]
Подскажите, как избавиться от темно-синей рамки на маленькой картинке в Firefox (в Internet Explorer она голубая, а в Google Chrome отсутствует)? В .highslide img сделала border: 0px – не помогает. Похоже это не рамка, а показатель линка на большую картинку…
[Ответить]
Март 28th, 2011 at 0:16
Сделайте это в общем файле стилей.
[Ответить]
подскажите, как код в комментарий добавить. че-то не получается… тогда смогу код показать
[Ответить]
Март 28th, 2011 at 0:18
В комментариях некоторый код не разрешен, позже возможно будет изменено.
[Ответить]
Скажите плз! Почему у меня при нажатие на кортинку она открывается как др. страница…. подна половина занята кортинкой а вторая тупо белая. При наведение на нее появыляется значок лумпы, можно учеличить и уменьшить, но обратно на страницу с кортинка моэно вернутся только кнопкой браузера.
[Ответить]
Май 7th, 2011 at 15:15
Ваш браузер поддерживает JavaScript?
Внимательно посмотрите на получившийся код, как в head, так и картинки и ссылки, проверьте пути. Вероятно, где-то ошибка.
[Ответить]
«Суем эти файлы в папку js относительно страницы сайта»
Как это понять?Обьясните поподробней пожалуйста.
[Ответить]
Май 8th, 2011 at 16:41
Например, страница page.html, на которой нужно вывести картинку с возможностью увеличения находится в папке site, файлы скрипта для удобства можно закинуть в папку js.
Таким образом, в папке site будут находиться site.html и папка js с файлами скрипта.
[Ответить]
Май 8th, 2011 at 17:11
Спасибо.
[Ответить]
Подскажите, куда на UCOZe совать все файлы?
[Ответить]
Май 12th, 2011 at 11:19
Извините, что долго не отвечал.
Не знаю, не пробовал. Вероятно, файлы скрипта кинуть в папку с шаблоном, а в header.php прописать верные пути, если есть такой файл.
[Ответить]
Май 12th, 2011 at 15:25
Скорее всего файлы надо сбрасывать в файловый менеджер, но туда нельзя загружать папки можно только файлы отдельно. Файлов .php вообще там нет нигде. При загрузке файлов в файловый менеджер каждому файлу присваивается свой http// адрес. Как правильно прописать верные пути?
[Ответить]
Май 12th, 2011 at 17:45
Если у вас даже доступа к хостингу, то скорее всего никак. Я не пробовал, вряд ли смогу вам помочь. Тут руководство больше для статических сайтов с возможностью добавлять/изменять/удалять файлы и папки.
[Ответить]
только в кодировке ANSI работает, а в Юникоде нет. Что делать?
[Ответить]
Май 13th, 2011 at 15:15
Почему же, работает. Зайдите на страницу по предложенной ссылке в основной записи, поставьте в браузере UTF-8 и посмотрите.
[Ответить]
Май 13th, 2011 at 15:22
Спасибо!
[Ответить]
Май 13th, 2011 at 15:23
Как вы решили проблему с кодировкой или ее не было?
[Ответить]
Добрый день, скажите, а нельзя ли поставить данный скрипт в битрикс? Или может подскажите аналог какой-либо для него..
Спасибо!
[Ответить]
Май 19th, 2011 at 15:28
Здравствуйте. Не знаю, не пробовал. Я думаю, что для Битрикса должны существовать какие-то свои решения (модули, плагины).
[Ответить]
спс, клево…
Хотел добавить долго не получ. пути надо тщательно проверить допутим папка img\ images & имя файла пров.!!! Спс …
[Ответить]
Огромное спасибо. У меня не коментарий, а вопрос. Нужен zum как в этом примере.
Не подскажите как это делается? OOOOOчень нужно, а я тупая.
Спасибо
[Ответить]
Май 27th, 2011 at 12:13
Здравствуйте. Не могу вам помочь, тщательнее поищите в поиске.
[Ответить]
Спасибо чувак!!! За минуту готовая галерея!) Огромное спасибо!!!
[Ответить]
Где искать ошибку? изображение открывается в новом окне. Зараннее спасибо
[Ответить]
Июнь 3rd, 2011 at 12:22
Проверить пути к файлам скрипта.
[Ответить]
как изменить размеры миниатюр в первом варианте???
[Ответить]
Июнь 8th, 2011 at 21:39
В два атрибута width и height вписывайте значения относительно картинки, width – ширина, height – высота.
[Ответить]
Хочу на этот сайт поместить такую галерею не могу разобраться как это сделать помогите мне пожалуйста
[Ответить]
Дам все пароли и все что нужно только помогите
[Ответить]
Все разобрался но вот только при нажатии на картинку высвечивается знак загрузки и все что то не так вроде все правильно сделал чего narod не хочет???
[Ответить]
Июнь 11th, 2011 at 11:29
А на локальном диске работает?
[Ответить]
Подскажите. Использую highslide-with-gallery.js, всё работает.Только у меня на странице несколько галерей И при клике на маленькое изображение открывается галерея со всеми фотографиями со всех галерей. Как ограничить,что бы в каждой галереи были те фотографии, которые к ней относятся а не все, что есть на странице. Спасибо!
[Ответить]
Июнь 15th, 2011 at 11:33
В рассмотренном примере такого файла и там указываются название картинок. Вам же порекомендую внимательно посмотреть инструкцию по использованию скрипта на сайте разработчика.
[Ответить]
Я так и неразобрался с єтим!!
[Ответить]
Подскажите, плиз!
На лок. компе и на сайте не видны на панели галереи кнопки назад, вперед и т.д. При подведении курсора к тому месту, где должна быть панель, появляются всплывающие надписи. Значки зума видны.
Уже пробовал все, что можно, панель навигации так и не появилась.
[Ответить]
Июль 8th, 2011 at 10:02
Смотрите на сайте разработчика, есть ли там такая возможность. Я рассматривал пример без кнопок навигации.
[Ответить]
А неподскажете что делать:
Скрипты все работают СУПЕР!!!
Я этот поставил доволен как слон, НО пытаюсь к этому еще 1 поставить для фоток (галерейку)
Ставится но! заменяет данный скрипт,
Тесть Увиливает везде как в галерее…
как разделить???
что б де хочу «Галерея», и Просто «увеличение» (приведенное тут…)
буду очень признателен!
[Ответить]
Июль 8th, 2011 at 10:06
Не понял, вы ставите совершенно другой скрипт, который заменяет этот и хотите между ними наладить связь?
[Ответить]
«eric» ты какой скрипт используешь? имя скрипта? и имя галереи скажи, может помогу….
[Ответить]
Админ, Извини, что флуд, но можешь подкинуть скрипт или код как у тебя на сайте «Rating…»??
[Ответить]
Июль 8th, 2011 at 10:06
Плагин для WordPress «GD Star Rating».
[Ответить]
«admin ответил:
Июль 8th, 2011 at 10:06
Не понял, вы ставите совершенно другой скрипт, который заменяет этот и хотите между ними наладить связь?»
Наоборот, хочу что б они отдельно работали! а работает всегда 1 какой то, не могу добиться роботы 2-х…
можете помочь?
(все вроде делаю по пунктам, и т.д,… скрипты все работают, но всегда работает 1, даже если под «хедом» из несколько именно «Highslide» )
[Ответить]
Июль 20th, 2011 at 12:44
2 разных скрипта в одном теге A может и не получится сделать. Используйте один.
[Ответить]
Почему когда я вставляю картинку(она же ссылка которая должна увеличиться при нажатии)в таблицу, то она растягивает мне всю ячейку, и полюбому будет выровняна по правому краю.
Сколько не пробовал выровнять их по центру ячейки не идёт.
[Ответить]
Июль 20th, 2011 at 12:47
Нужно смотреть код, а так картинка увеличивается и отображается в том месте, где стоит уменьшенная копия.
[Ответить]
даже если я просто вставляю её не в таблицу тоже самое
[Ответить]
Подскажите, пожалуйста, почему не работает только в IE. В opera и firefox всё отлично. Что нужно исправить, чтобы заработало в IE???
Заранее спасибо за ответ ))
[Ответить]
Июль 23rd, 2011 at 15:18
Скачайте вот эту версию скрипта, замените файлы и папки.
[Ответить]
Уточняю, в IE открывается как новая страница и обратно вернуться можно только по стрелке «назад» в браузере.
[Ответить]
Чтобы можно было посмотреть вот ссылка на страницу моего сайта
[Ответить]
Суть проблемы:
в Chrome при нажатии первый раз на странице на thumbs-картинку открывает ок. Закрываешь и сразу пробуешь ещё раз – картинка «разворачивается» в точку (в нулевой размер). Процесс разворота видно, но результата нет. В других браузерах (IE 9) всё ок.
Та же процедура на локальном диске в Chrome – тоже ок.
Хостинг – nic.ru
сломал голову
[Ответить]
Июль 28th, 2011 at 12:13
А на примерах, предложенных в основной записи, работает?
[Ответить]
Admin, заменила файлы и папку на указанную вами. Но результат тот же: во всех браузерах работает, в IE нет! В IE открывает как новую страницу. Что делать? Помогите, пожалуйста!
[Ответить]
Июль 28th, 2011 at 12:14
Проверьте, включен ли JavaScript в IE?
[Ответить]
Июль 28th, 2011 at 19:59
Да, включён, я сразу об этом подумала и проверила. И потом, всё же нормально отображается в IE на сайте highslide.com, значит дело в чём-то другом… Но в чём?
[Ответить]
Август 1st, 2011 at 3:01
Какая версия IE?
[Ответить]
Admin здравствуйте, недавно стал заполнять новый сайт, так вот слева у меня расположено меню, теперь создал новую страницу с галерей используя РНР и полсе того как залил новую страницу на сайт, в брааузере галерея работает, НО почему то увеличился шрифт меню. незнаю почему.
[Ответить]
Август 11th, 2011 at 14:15
Скорее всего конфликт стилей. Проверьте, нет ли схожих классов в вашем файле стилей и файле скрипта (CSS).
[Ответить]
Так мне где менять стили в HIGHSLIDE? или в стилях от сайта??? кстати у себя в папке HIGHSLIDE я не нашел файл стилей!!! как он называется не подскажете?
[Ответить]
Август 15th, 2011 at 15:28
Он называется highslide.css, посмотрите, может у вас есть схожие классы.
[Ответить]
Кстати ADMIN, не подскажите где взять скрипт ОСТАВИТЬ КОММЕНТАРИИ прямо который у вас стоит в конце каждой страницы, ну очень нужно ма нашальника….
[Ответить]
Август 15th, 2011 at 15:29
Это плагин для WordPress, называется GD Star Rating.
[Ответить]
Спасибо, получилось! Только и с class=»highslide»
лупа не появляется при наведении. Почему это может быть?
[Ответить]
Август 15th, 2011 at 15:29
В каком браузере?
[Ответить]
Сентябрь 3rd, 2011 at 16:44
Mozilla
[Ответить]
Сентябрь 5th, 2011 at 12:04
Существует ли папка graphics и правильный ли к ней путь?
[Ответить]
А у меня что то не заработало, при нажатии на картинку на ней появляется надпись «Loading…» и ничего, если нажать второй раз открывается в новом окне… Пути вроде все не раз проверил. В чем еще может быть проблема?
[Ответить]
Август 22nd, 2011 at 17:13
В каком браузере открываете? Проверьте наличие файлов.
[Ответить]
Август 23rd, 2011 at 13:02
e vtyz nfrjt ;t ,skj – Проверь путь к папке graphics : hs.graphicsDir = ‘js/graphics/’;
[Ответить]
А у меня почему-то изображение открываеться в этом же окне.
[Ответить]
Здравствуйте! Короче, а как так, когда увеличиваешь изображение, чтобы на нем появлялись изображение стрелки влево, стрелки вправо и крестик? Спасибо
[Ответить]
Здравствуйте! Это снова я. Пишу более точнее, когда жмешь на фото, то оно увеличивается, а как на этом увеличенном фото сделать так, чтобы при наведении мышкой на фото появлялись стрелки, нажимая на них появлялось следующее фото и крестик, для закрытия фото.
[Ответить]
Сентябрь 8th, 2011 at 10:59
На сайте в примере вроде бы показали, что есть такая возможность. Не разбирался с этим, скоро посмотрю, напишу тогда.
[Ответить]
Расписали здорово!!! Скрипты CSS, так же молодцы – не конфликтуют с другими СSS и эти плагины заслуживают внимания особого, т.к. не капризны.
– Есть вопрос. Тема эта не поднималась и такая:
– КАК привязать код FLACH окна, что бы окно открывать не нажатием на строчку из букв, а к РИСУНКУ (гиф, jpeg не важно), что бы нажатием на картинку (кнопку) запускалось окно HTML или FLASH ?
[Ответить]
Сентябрь 13th, 2011 at 12:46
Скачайте скрипт с сайта, там должна быть папка examples. Посмотрите, как сделано открытие html документа.
[Ответить]
Вот этот код:
– Подскажите, где и что поменять чтобы вставить рисунок (ГИФ или JPEG) и он мог поменять текстовую ссылку??
[Ответить]
Сентябрь 13th, 2011 at 10:08
менять нужно расширение в этом коде Вместо 1.jpg ставим 1.gif
[Ответить]
Сентябрь 13th, 2011 at 10:29
немогу код поставить! вобщем это код самой картинки в тексте!
[Ответить]
Сентябрь 14th, 2011 at 17:37
Вы не поняли вопрос. Код работает при нажатии на надпись, а нужно вместо надписи (которую кликать) стоял рисунок ( гиф или JPEG не важно) , т.к нужно применить текст на графический объект для кликания на него.
[Ответить]
Сентябрь 19th, 2011 at 21:53
[Ответить]
Ребята подскажите пожалуйста! этот скрипт не работает у меня в IE9 (открывает рисунок в верхнем левом углу, в новом окне), опера, фокс и сафари работают норм! Как устранить баг для IE ??? хээллпппП
[Ответить]
И у меня всё работало. Как поставила IE9, так всё…В Опере и мозиле работает. Ну, как же так…Если смлжете, подскажите. Проблема не только у меня. А, вообще, СПАСИБО.
[Ответить]
Смогла исправить. Видно, где-то не то поставила. Скачала всё заново и просто тупо заменила js. Теперь работает. Но зато в Opera и Mozilla при наведении курсора не проявляется надпись на фото alt. Буду разбираться. Еще раз спасибо.
[Ответить]
Как брать изображения со всей папки а не прописывать каждый файл по отдельности в коде. Нужно увеличивать аватар в чате
[Ответить]
Ноябрь 16th, 2011 at 13:22
Если только через язык веб-программирования, например, вывести циклом.
[Ответить]
это я понял. ситуация такая – картинка загружается пользователем в папку через сайт и эта картинка должна увеличиваться…
[Ответить]
Ноябрь 23rd, 2011 at 2:18
Ссылку на увеличение картинок можно сделать с помощью того же цикла.
[Ответить]
Огромное спасибо, ваша статья очень помогла=)
[Ответить]
помогите, пожалуйста! у меня сайт на вордпрессе. при нажатии на картинку она открывается как др. страница. . При наведении на нее появляется значок лумпы, можно увеличить. подскажите, как убрать эту лупу, не хочу, чтоб картинка увеличивалась
[Ответить]
Декабрь 25th, 2011 at 17:25
Здравствуйте. Не используйте просто этот скрипт, тогда и лупы не будет.
[Ответить]
… [Trackback]…
[...] There you will find 68642 more Infos: lospirata.ru/web-stati/uvelichenie-izobrazheniya-pri-nazhatii.html [...]…
Зависает на загрузке пишет Loading и всё. А если нажать просто большую картинку открывает, без окна.
[Ответить]
[...]we like to honor many other internet sites on the web, even if they aren’t linked to us, by linking to them. Under are some webpages worth checking out[...]……
[...]Here are some of the sites we recommend for our visitors[...]……
[...]we like to honor many other internet sites on the web, even if they aren’t linked to us, by linking to them. Under are some webpages worth checking out[...]……
[...]Here are some of the sites we recommend for our visitors[...]……
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
[...]Sites of interest we have a link to[...]……
[...]usually posts some very interesting stuff like this. If you’re new to this site[...]……
[...] that is the end of this article. Here you’ll find some sites that we think you’ll appreciate, just click the links over[...]……
[...] Every once in a while we choose blogs that we read. Listed below are the latest sites that we choose [...]……
[...]we like to honor many other internet sites on the web, even if they aren’t linked to us, by linking to them. Under are some webpages worth checking out[...]……
[...]Here are some of the sites we recommend for our visitors[...]……
[...]Sites of interest we have a link to[...]……
[...]usually posts some very interesting stuff like this. If you’re new to this site[...]……