1
Слайдер! Большой Вопрос
Автор nikolos654, 26 марта 2014 19:50
Сообщений в теме: 8
#1
Отправлено 26 Март 2014 - 19:50
Вот в слайдере 2 вида изображений, возможно ли как то сделать так, чтобы при добавлении третьего изображения в слайдер, привязать на него внутренние файлы( картинки) и на выходе иметь - нажатие на слайдер - всплывают внутренние фотографии сайта относящиеся только именно к этому изображению на слайдере ( соответственно не 1 картинка, а несколько с возможностью листать) , что то вроде альбома с фотографиями на сайте, только открытие через нажатие на слайдер
#2
Отправлено 26 Март 2014 - 21:39
nikolos654 (26 Март 2014 - 19:50) писал:
Вот в слайдере 2 вида изображений, возможно ли как то сделать так, чтобы при добавлении третьего изображения в слайдер, привязать на него внутренние файлы( картинки) и на выходе иметь - нажатие на слайдер - всплывают внутренние фотографии сайта относящиеся только именно к этому изображению на слайдере ( соответственно не 1 картинка, а несколько с возможностью листать) , что то вроде альбома с фотографиями на сайте, только открытие через нажатие на слайдер
Здравствуйте, к сожалению у стандартного слайдера отсутствуют такие возможности.
Вы можете попробовать найти подобный слайдер в интернете или заказать у специалистов разработать данный слайдер индивидуально для вас (к сожалению мы не занимаемся такой разработкой).
#3
Отправлено 27 Март 2014 - 13:16
Спасибо, а подскажите тогда, вообще реально сделать альбомы с фотографиями в магазине?
#4
Отправлено 27 Март 2014 - 15:33
nikolos654 (27 Март 2014 - 13:16) писал:
Спасибо, а подскажите тогда, вообще реально сделать альбомы с фотографиями в магазине?
Здравствуйте, да это возможно, но для этого необходимо подключать специальные скрипты. К сожалению в стандартный набор функций это не входит, по этому вам необходимо самостоятельно найти нужные скрипты, но мы поможем вам их установить (если будет инструкция)
#5
Отправлено 31 Март 2014 - 02:04
Castiel (27 Март 2014 - 15:33) писал:
Здравствуйте, да это возможно, но для этого необходимо подключать специальные скрипты. К сожалению в стандартный набор функций это не входит, по этому вам необходимо самостоятельно найти нужные скрипты, но мы поможем вам их установить (если будет инструкция)
Может сейчас уже есть решение этого вопроса? Очень надо.
#6
Отправлено 31 Март 2014 - 13:21
Для этого подойдет любая фото галерея без php модуля, только на javascript. Таких очень много в интернете. Вам нужно найти подходящую вам, а мы поможем ее установить.
#7
Отправлено 31 Март 2014 - 16:32
HTML
<div class="photo">
<ul class="link_photo">
<li><a href="max/1.jpg"><img src="min/1.jpg" alt="Город будущего"></a></li>
<li><a href="max/2.jpg"><img src="min/2.jpg" alt="Божья коровка"></a></li>
<li><a href="max/3.jpg"><img src="min/3.jpg" alt="Ангел"></a></li>
<li><a href="max/4.jpg"><img src="min/4.jpg" alt="Взлетевший город"></a></li>
</ul>
</div>
<div id="imgHolder"></div>
CSS
img {
border:none;
}
ul {
margin:0; padding:0; list-style:none;
}
ul li {
display:inline;
}
#imgHolder {
position:relative; width:100%;height:256px; overflow:hidden;
}
#imgHolder em {
position:absolute; left:10px; bottom:10px; margin:2px 10px;
padding:2px 10px; background-color:#000; color: burlywood;
}
JavaScript
$(document).ready(function(){
$('ul img').click(function(){
var path = $(this).parent().attr('href');
var alt = $(this).attr('alt');
$('#imgHolder').animate({opacity: 0},1000,function(){
$(this).html('<img src=' + path + ' />').find('img').bind('load',function(){
$(this).parent().append('<em>' + alt + '</em>').animate({opacity: 1},1000);
});
});
return false;
});
$('ul img:first').click();
});
Для того, чтобы фотогалерея начала работать надо разместить на своем сайте библиотекуjQuery, прикрутить ее к нашей фотогалерее, прописав в разделе HEAD страницы, что-то <script src="jquery.js" type="text/javascript"></script>
как это все прикрутить и пользоваться?
<div class="photo">
<ul class="link_photo">
<li><a href="max/1.jpg"><img src="min/1.jpg" alt="Город будущего"></a></li>
<li><a href="max/2.jpg"><img src="min/2.jpg" alt="Божья коровка"></a></li>
<li><a href="max/3.jpg"><img src="min/3.jpg" alt="Ангел"></a></li>
<li><a href="max/4.jpg"><img src="min/4.jpg" alt="Взлетевший город"></a></li>
</ul>
</div>
<div id="imgHolder"></div>
CSS
img {
border:none;
}
ul {
margin:0; padding:0; list-style:none;
}
ul li {
display:inline;
}
#imgHolder {
position:relative; width:100%;height:256px; overflow:hidden;
}
#imgHolder em {
position:absolute; left:10px; bottom:10px; margin:2px 10px;
padding:2px 10px; background-color:#000; color: burlywood;
}
JavaScript
$(document).ready(function(){
$('ul img').click(function(){
var path = $(this).parent().attr('href');
var alt = $(this).attr('alt');
$('#imgHolder').animate({opacity: 0},1000,function(){
$(this).html('<img src=' + path + ' />').find('img').bind('load',function(){
$(this).parent().append('<em>' + alt + '</em>').animate({opacity: 1},1000);
});
});
return false;
});
$('ul img:first').click();
});
Для того, чтобы фотогалерея начала работать надо разместить на своем сайте библиотекуjQuery, прикрутить ее к нашей фотогалерее, прописав в разделе HEAD страницы, что-то <script src="jquery.js" type="text/javascript"></script>
как это все прикрутить и пользоваться?
#8
Отправлено 31 Март 2014 - 16:43
как убрать вообще с сайта функции "сорбировать ПО" и функцию выбора "список или таблица " и оставить по умолчанию таблицей
#9
Отправлено 01 Апрель 2014 - 04:26
в шаблоне Товары найдите и удалите:
<!-- Блок выбора параметра по которому производится сортировка списка товаров и возможность изменения лимитов выдачи --> <form action=""> <table class="goodsListingTopNavigation"> <tr> <td> <!-- Список фильтров, которые сейчас действуют на результаты поиска --> {% FOR goods_filters %} <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" /> {% ENDFOR %} <!-- Поле выбора сортировки --> {% IF goods_show_order_fields %} Сортировать по: <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> {% ENDIF %} </td> <td class="alignCenter viewSelector"> <!-- Переключатель режима просмотра --> {% IF GOODS_VIEW_TYPE=2 %} <strong title="Список товаров сейчас отображается в виде таблицы, по 2 товара на строку">Таблица</strong> <a href="?goods_view_type=1" title="Отображать список товаров в виде списка">Список</a> {% ELSE %} <a href="?goods_view_type=2" title="Отображать список товаров в виде таблицы с 2мя товарами на одну строку">Таблица</a> <strong title="Список товаров сейчас отображается в виде списка, где один товар занимает одну строку">Список</strong> {% ENDIF %} <!-- /Переключатель режима просмотра --> </td> <td class="alignRight"> <!-- Поле выбора лимитов --> {% IF goods_show_per_page %} Показывать по: <select name="per_page" onchange="this.form.submit();"> {% FOR goods_per_page_list %} <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option> {% ENDFOR %} </select> {% ENDIF %} </td> </tr> </table> </form> <!-- END Блок выбора параметра по которому производится сортировка списка товаров -->
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных