Перейти к содержанию
beautypoint

[РЕШЕНО] NivoSlider: как прописать ширину и высоту для картинок?

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

Как задать ширину и высоту в атрибутах картинок, которые показывает стандартный слайдер?

Поделиться сообщением


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

Посмотрите, как в файле catalog\view\theme\default\template\module\slideshow.tpl задаются стили для <div class="slideshow"> и сделайте по аналогии.

Поделиться сообщением


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

Посмотрите, как в файле catalog\view\theme\default\template\module\slideshow.tpl задаются стили для <div class="slideshow"> и сделайте по аналогии.

Спасибо, уже смотрю...

Поделиться сообщением


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

Посмотрите, как в файле catalog\view\theme\default\template\module\slideshow.tpl задаются стили для <div class="slideshow"> и сделайте по аналогии.

Можете еще немного подсказать, а то что-то не получается...

В коде страницы видно, а вот gtmetrix говорит, что атрибуты не определены. (кеш почистил)

Может я вообще не то делаю.

Вот так изменил файл slideshow.tpl

<div class="slideshow">
  <div id="slideshow<?php echo $module; ?>" class="nivoSlider" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;">
    <?php foreach ($banners as $banner) { ?>
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;" /></a>
    <?php } else { ?>
    <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" style="width: <?php echo $width; ?>px; height: <?php echo $height; ?>px;"/>
    <?php } ?>
    <?php } ?>
  </div>
</div>
<script type="text/javascript"><!--
$(document).ready(function(){$("#slideshow<?php echo $module; ?>").nivoSlider({effect:"fade",animSpeed:1e3,pauseTime:5e3,directionNav:!1,controlNav:!1})});
--></script>

Поделиться сообщением


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

Нужно прописывать без style

<img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" width="<?php echo $width; ?>" height="<?php echo $height; ?>" />

в обеих  строчках

Поделиться сообщением


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

Нужно прописывать без style

<img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" width="<?php echo $width; ?>" height="<?php echo $height; ?>" />

в обеих  строчках

Спасибо!!! Все работает!!!

Поделиться сообщением


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

Как задать ширину и высоту в атрибутах картинок, которые показывает стандартный слайдер?

А для чего это делать?

 

мне нужно сделать слайдер во всю ширину страницы, но ни как не найду как это сотворить.

Поделиться сообщением


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

А для чего это делать?

 

мне нужно сделать слайдер во всю ширину страницы, но ни как не найду как это сотворить.

 

Что бы пройти тест в https://gtmetrix.com :) Отлично помогает.

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От JohnnyVega
      300.00 руб
      Скачать/Купить дополнение


      JV_NivoSLider - слайдер изображений
      JV_NivoSlider - слайдер изображений
      ВЕРСИЯ - 0.62
      ОПИСАНИЕ
      JV_NivoSLider - это модуль слайдера изображений, основанный на скрипте NivoSlider. Слайдер изображений поможет Вам привлечь новых покупателей и эффективней рекламировать свои товары.
      ===========================================
      ВОЗМОЖНОСТИ
      4 темы внешнего вида
      16 эффектов перехода между слайдами
      Настройки анимации

      Навигация между слайдами
      Превью изображений, навигация с помощью превью изображений

      Адаптивный дизайн

      Независимые настройки для каждого отображения слайдера

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

      ===========================================
      Кому понравился модуль, ставьте лайки на страничке скачки модуля. :oops:
      ===========================================
      СОВМЕСТИМОСТЬ
      Версии ocStore:
      OcStore v1.0.1, Ocstore 1.5.1.x, Ocstore 1.5.2.1, Ocstore 1.5.3.1, Ocstore 1.5.4.1
      -------------------------
      Версии OpenCart:
      Opencart 1.5.1.x, Opencart 1.5.2.x, Opencart 1.5.3.x, Opencart 1.5.4.1
      ===========================================
      УСТАНОВКА
      Копируем содержимое папки upload в корневую директорию магазина.
      Устанавливаем модуль, затем нажимаем кнопку "Изменить", затем настраиваем модуль.

      На этом установка и настройка закончены.
      ===========================================
      ДЕМОНСТРАЦИЯ РАБОТЫ МОДУЛЯ
      Демка

      Админка - версия модуля 0.6
      Логин: demo
      Пароль: demo

      Буду рад увидеть Ваши отзывы, замечания, предложения по улучшению.
      ===========================================
      Мои другие модули находятся здесь
      ==========================================
      ИСТОРИЯ ИЗМЕНЕНИЙ
      v0.62
      Оптимизация кода
      v0.6
      Административная панель - поддержка вкладок (целиком разные настройки для каждого слайдера)
      v0.5
      Релиз
      Добавил JohnnyVega Добавлено 29.12.2012 Категория Слайдшоу, баннеры, галереи  
    • От raven4eG
      Доброго времени суток! Помогите пожалуйста вывести размер товара на странице "заказы" в админке, блок "детали заказа". Столбец для нужного параметра я добавил, а вот вытащить этот параметр для каждого товара не смог, т.к. знания в PHP оставляют желать лучшего :)
       
      P.S. Прикрепил скрин. (диаметр, в моем случае, это значение поля "ширина")
       
      Opencart 2.1.0.1.1

    • От JohnnyVega
      JV_NivoSlider - слайдер изображений
      ВЕРСИЯ - 0.62
      ОПИСАНИЕ
      JV_NivoSLider - это модуль слайдера изображений, основанный на скрипте NivoSlider. Слайдер изображений поможет Вам привлечь новых покупателей и эффективней рекламировать свои товары.
      ===========================================
      ВОЗМОЖНОСТИ
      4 темы внешнего вида
      16 эффектов перехода между слайдами
      Настройки анимации

      Навигация между слайдами
      Превью изображений, навигация с помощью превью изображений

      Адаптивный дизайн

      Независимые настройки для каждого отображения слайдера

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

      ===========================================
      Кому понравился модуль, ставьте лайки на страничке скачки модуля. :oops:
      ===========================================
      СОВМЕСТИМОСТЬ
      Версии ocStore:
      OcStore v1.0.1, Ocstore 1.5.1.x, Ocstore 1.5.2.1, Ocstore 1.5.3.1, Ocstore 1.5.4.1
      -------------------------
      Версии OpenCart:
      Opencart 1.5.1.x, Opencart 1.5.2.x, Opencart 1.5.3.x, Opencart 1.5.4.1
      ===========================================
      УСТАНОВКА
      Копируем содержимое папки upload в корневую директорию магазина.
      Устанавливаем модуль, затем нажимаем кнопку "Изменить", затем настраиваем модуль.

      На этом установка и настройка закончены.
      ===========================================
      ДЕМОНСТРАЦИЯ РАБОТЫ МОДУЛЯ
      Демка

      Админка - версия модуля 0.6
      Логин: demo
      Пароль: demo

      Буду рад увидеть Ваши отзывы, замечания, предложения по улучшению.
      ===========================================
      Мои другие модули находятся здесь
      ==========================================
      ИСТОРИЯ ИЗМЕНЕНИЙ
      v0.62
      Оптимизация кода
      v0.6
      Административная панель - поддержка вкладок (целиком разные настройки для каждого слайдера)
      v0.5
      Релиз
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

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

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