Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

Надіслати
Поділитися на інших сайтах


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

<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>

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

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах


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

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

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

Надіслати
Поділитися на інших сайтах


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

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

  • +1 1
Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах

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

Надіслати
Поділитися на інших сайтах


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

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

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

  • +1 1
Надіслати
Поділитися на інших сайтах

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

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

Надіслати
Поділитися на інших сайтах


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

Вот например

Or this

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

Надіслати
Поділитися на інших сайтах


Интересно, а можно ли сделать в 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

Надіслати
Поділитися на інших сайтах


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

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

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

Надіслати
Поділитися на інших сайтах


Гість
Ця тема закрита для публікації повідомлень.
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.