Я так понял можно просто на компе сначала в блокноте изменить и потом уже засунуть документы на сайт?:
2
Слайдер На Главной
Автор silverstone, 24 июля 2012 19:58
Сообщений в теме: 27
#21
Отправлено 25 Июль 2012 - 22:01
#22
Отправлено 25 Июль 2012 - 22:04
Вы Вконтакте есть?
#23
Отправлено 25 Июль 2012 - 22:09
Конечно, можно и так
#24
Отправлено 25 Июль 2012 - 22:09
#25
Отправлено 25 Июль 2012 - 22:14
Не работает((( вставил для пробы белые фотки формата 400 на 400
#26
Отправлено 25 Июль 2012 - 22:26
Это у меня default:
Это init
Это СТРАНИЦА:
А Это HTML:
ul.reset, ul.reset li { display:block; list-style:none; padding:0; margin:0; } .gallery ul li { width:144px; height:144px; margin:0 10px 10px 0; float:left; position:relative; } .holder { position:absolute; top:0; left:0; margin:-100px 0 0 -100px; } a img { border:none; }
Это init
$(function(){ var li = $('.gallery').find('li'); // Ищем все элементы 'li' li.each(function(i){ var t = $(this), img = t.find('img'), // Ищем изображение в элементе 'li' src = img.attr('src'), // Получаем путь к изображению width = li.width(), // Получаем ширину 'li' height = li.height(); // Получаем высоту 'li' img.hide().after($('<div />').attr('id', 'holder'+i).addClass('holder')); // Скрываем все изображения и создаем контейнеры для объектов Raphael var r = Raphael('holder'+i, width*2, height*2), // Создаем объекты Raphael rimg = r.image(src, width/2, height/2, width, height); // Создаем новое изображение с использованием предыдущей переменной rimg.hover(function() { this.animate({ scale: 2, // Увеличиваем ваше изображение до нормального размера rotation : 360 }, 1200, 'elastic'); }, function() { this.animate({ scale: 1, // Уменьшаем размер изображений rotation : 0 }, 1200, 'elastic'); }); }); li.hover(function(){ li.css({ 'z-index': 1 }); // Устанавливаем z-index для всех элементов 'li' $(this).css({ 'z-index': 2 }); // Устанавливаем z-index для элемента, над которым находится курсор мыши }); });
Это СТРАНИЦА:
<p id="breadcrumb">Вы здесь: <a href="http://{NET_DOMAIN}/">Главная</a> > <strong>{PAGE_NAME}</strong></p> <h1>{PAGE_NAME}</h1> <!-- Контент страницы --> <div class="htmlDataBlock"> {PAGE_CONTENT} </div> {%IF index_page%} <div class="gallery"> <ul class="reset"> <li><a title="Название" href="Ваша ссылка"><img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159701/Untitled-1.png" alt="" /></a></li> <li><a title="Название" href="Ваша ссылка"><img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159701/Untitled-1.png" alt="" /></a></li> <li><a title="Название" href="Ваша ссылка"><img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159701/Untitled-1.png" alt="" /></a></li> <li><a title="Название" href="Ваша ссылка"><img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159701/Untitled-1.png" alt="" /></a></li> <li><a title="Название" href="Ваша ссылка"><img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159701/Untitled-1.png" alt="" /></a></li> <li><a title="Название" href="Ваша ссылка"><img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159701/Untitled-1.png" alt="" /></a></li> <li><a title="Название" href="Ваша ссылка"><img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159701/Untitled-1.png" alt="" /></a></li> <li><a title="Название" href="Ваша ссылка"><img src="http://files.storeland.ru/web/upload/sitefiles/2/160/159701/Untitled-1.png" alt="" /></a></li> </ul> </div> {%ENDIF%} <!-- Короткое SEO-описание --> {% IF PAGE_SEO_DESCRIPTION_SHORT %} <div style="padding-top:1em;"> {PAGE_SEO_DESCRIPTION_SHORT} </div> {% ENDIF %} <!-- END Короткое SEO-описание -->
А Это HTML:
<!-- Если в тарифном плане подключен модуль отзывов о товаре --> {% IF TARIFF_FEATURE_GOODS_OPINION %} <!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга --> {% IFNOT SETTINGS_OPINION_DISABLE %} <link rel="stylesheet" href="{FORALL_STYLES_PATH}jquery-ui-stars/jquery.ui.stars.min.css" type="text/css" /> {% ENDIF %} {% ENDIF %} <!-- Стили магазина --> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" /> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}default.css" type="text/css" /> <!-- Скрипты которые не нужно менять, грузятся из папки общих файлов --> <!-- Это собранные в один файл скрипты из файлов: {FORALL_JS_PATH}jquery-1.4.2.min.js {FORALL_JS_PATH}jquery.nyroModal-1.6.2.min.js {FORALL_JS_PATH}jquery-ui-1.8.4.custom.min.js {FORALL_JS_PATH}jquery.validate.min.js {FORALL_JS_PATH}jquery.capslock.min.js --> <script type="text/javascript" src="{FORALL_JS_PATH}jquery-1.4.2_nyroModal-1.6.2_validate_capslock_jquery-ui-1.8.4.custom.min.js"></script> <!-- Если в тарифном плане подключен модуль отзывов о товаре --> {% IF TARIFF_FEATURE_GOODS_OPINION %} <!-- Если не выключен модуль отзывов о товаре, то загружаем css для рейтинга --> {% IFNOT SETTINGS_OPINION_DISABLE %} <script type="text/javascript" src="{FORALL_JS_PATH}jquery.ui.stars.min.js"></script> {% ENDIF %} {% ENDIF %} <!-- Скрипты магазина --> <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}init.js"></script> <script type="text/javascript" src="{ASSETS_JS_PATH}raphael.js"></script> <!-- Скрипт для корректной работы A/B тестов --> <script type="text/javascript" src="http://cdn.abtest.ru/js/15797.js"></script> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?50"></script> </head> <body>
#27
Отправлено 26 Июль 2012 - 11:06
Решена проблема!
#28
Отправлено 26 Июль 2012 - 11:30
Спасибо огромное!!!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных