Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Слайд шоу в полный размер по любой фотографии [РЕШЕНО]


 Поделиться

Рекомендованные сообщения

Приветствую всех откликнувшихся!

Возник вопрос, есть ли простое решение, чтобы любой посетитель мог кликнуть на любую фотографию на сайте и тут же увидеть ее в полный размер как бы поверх основного окна? Типа всплывающего слайдшоу? Я так понимаю надо какой-то скрипт поставить... что посоветуете? Чтобы было просто без всяких танцев с бубном, просто в админке любую фотограыию добавляешь, а во фронте она сразу при кликании увеличивается.... Заранее спасибо!

Ссылка на комментарий
Поделиться на других сайтах


Что прям любую-любую?

<a href="Всплывающая_картинка.jpg" class="colorbox"><img src="Эскиз.jpg" alt="Эта картинка увеличивается при нажатии." /></a>

Ссылка на комментарий
Поделиться на других сайтах

без бубна никак.

вам придется все файлы шаблона изменять.

или

$('a:has(img)').each(function(i){
   $(this).attr('href', $('img', $(this)).attr('src')).addClass('colorbox');
   if (i == $('a:has(img)').length-1) $('.colorbox').colorbox();
});

:-D

Ссылка на комментарий
Поделиться на других сайтах

уверен, что не прокатит такой финт.

есть

<a href="url_to_page"><image></a>

маленькие изображения (как в категориях) и куча других нюансов...

Ссылка на комментарий
Поделиться на других сайтах

Ну, человек не уточнил какие изображения и где увеличить. Так что формально на его вопрос есть ответ)

Ссылка на комментарий
Поделиться на других сайтах

Уточняю :) шаблон переделан из интернет магазина в обычный сайт, интересует возможность сделать так в разделах, статьях и подразделах.

Ссылка на комментарий
Поделиться на других сайтах


"разделах" ? :huh:

придерживайтесь терминологии используемого движка.

Ссылка на комментарий
Поделиться на других сайтах

Вообще не понимаю, для чего использовать этот движок для статейного сайта ? Есть куча других имеющих непосредственное предназначение для таких целей

Ссылка на комментарий
Поделиться на других сайтах


Вообще не понимаю, для чего использовать этот движок для статейного сайта ? Есть куча других имеющих непосредственное предназначение для таких целей

Так получилось, что пока занимался онлайн коммерцией несколько освоил OC, научился ее настраивать и кастомизировать на таком уровне как мне нужно. Быть может есть что-то лучшее, даже более чем уверен, что есть более удобное, но я не явлюсь спецом в программировании и как бы что освоил тому и рад :)

К стати, раз уж такое дело, быть может посоветуете так теоретический какой-то лучший вариант для статейного сайта. Что-то с нормальным функционалом и дружественным интерфейсом (незабубеное).

Ссылка на комментарий
Поделиться на других сайтах


AE1, лучше WordPress Вы вряд ли найдёте (для статей). Один раз настроите "под свои нужды" и потом не захотите менять на что то другое...

Он для статей изначально и разрабатывался, о чём и говорит его название )))

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

AE1, лучше WordPress Вы вряд ли найдёте (для статей). Один раз настроите "под свои нужды" и потом не захотите менять на что то другое...

Он для статей изначально и разрабатывался, о чём и говорит его название )))

Спасибо, я вот тоже к нему присматривался, а если сравнивать его с OpenCart по настройке той-же разобраться не сложней?

Ссылка на комментарий
Поделиться на других сайтах


А если уточнить, нужно чтобы в категориях, не заходя в карточку товара, при клике на фото товара оно увеличивалось (как lightbox). Такое возможно сделать?

Ссылка на комментарий
Поделиться на других сайтах


...в категориях, не заходя в карточку товара, при клике на фото товара оно увеличивалось...

А как тогда саму карточку товара открывать, Вы об этом подумали??? Целиться на название? ))

Ссылка на комментарий
Поделиться на других сайтах

В каком-то из шаблонов видела в категориях под карточкой товара две кнопки: "купить" и "детали" (которая собственно карточку и открывает), тогда картинка становится свободной для увеличения. Жаль, я думала может модуль такой есть, полезная штука - быстро увеличить то, что заинтересовало и не тратить время на хождение по страницам. Ну, нет так нет, просто магазин хочется сделать максимально удобным для покупателей.

Ссылка на комментарий
Поделиться на других сайтах


Да всё это есть)))

Вот например

Or this

Ссылка на комментарий
Поделиться на других сайтах

В каком-то из шаблонов видела в категориях под карточкой товара две кнопки: "купить" и "детали" (которая собственно карточку и открывает), тогда картинка становится свободной для увеличения. Жаль, я думала может модуль такой есть, полезная штука - быстро увеличить то, что заинтересовало и не тратить время на хождение по страницам. Ну, нет так нет, просто магазин хочется сделать максимально удобным для покупателей.

Достаточно сделать увеличение картинки при наведении на нее курсора. Не надо никаких щелчков (кликов).

А у топикстартера, похоже, есть некоторая путаница в понятиях. В названии темы про слайдшоу говорится, но надо, оказывается, совсем другое. Либо я что-то не уловил.

  • +1 1
Ссылка на комментарий
Поделиться на других сайтах

Достаточно сделать увеличение картинки при наведении на нее курсора. Не надо никаких щелчков (кликов).

А можно поподробнее? Это только в stylesheet.css hover для картинки товара подкоректировать (и как привильно сформулировать код)?

Ссылка на комментарий
Поделиться на других сайтах


Да всё это есть)))

Вот например

Or this

Спасибо за ссылочки, но не совсем то - при клике выводится вся карточка товара в миниатюре, а нужно просто увеличение фото товара

Ссылка на комментарий
Поделиться на других сайтах


Подскажите, что нужно написать в hover чтобы картинка при наведении увеличилась до размера, например, 200х200рх

Ссылка на комментарий
Поделиться на других сайтах


Интересно, а можно ли сделать в lightbox, чтобы при клике на фото товара оно увеличивалось и была доп кнопочка Zoom, при нажатию на которую изображение еще больше увеличивалось?

Ссылка на комментарий
Поделиться на других сайтах


В общем, добавила я в hover вот это:

border: 4px solid #E31E24;

height: 200px;

width: 200px;

получила, что хотела, НО возник следующий ряд вопросов

1. как сделать, чтобы увеличенная картинка была поверх остальных товаров и отображалась не вправо а по центру карточки товара?

2. как сделать, чтобы при увеличении картинки оставались на месте название, цена, кнопка "купить"?

3. сейчас увеличивает маленькую картинку и ее качество отвратительное, как сделать, чтобы для увеличенной картинки бралась картинка с лучшим разрешением?

post-20247-0-79780200-1359711128_thumb.png

post-20247-0-72404000-1359711138_thumb.png

Ссылка на комментарий
Поделиться на других сайтах


Ссылка на комментарий
Поделиться на других сайтах

Достаточно сделать увеличение картинки при наведении на нее курсора. Не надо никаких щелчков (кликов).

А у топикстартера, похоже, есть некоторая путаница в понятиях. В названии темы про слайдшоу говорится, но надо, оказывается, совсем другое. Либо я что-то не уловил.

Как сделать такое, например на странице со статьей?

Ссылка на комментарий
Поделиться на других сайтах


Гость
Эта тема закрыта для дальнейших сообщений.
 Поделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.