Перейти к содержимому


Слайдер На Главной


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 27

#21 silverstone

silverstone

    Пользователь

  • Пользователи
  • PipPip
  • 45 сообщений

Отправлено 25 Июль 2012 - 22:01

Я так понял можно просто на компе сначала в блокноте изменить и потом уже засунуть документы на сайт?:

#22 Wo lf

Wo lf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 461 сообщений

Отправлено 25 Июль 2012 - 22:04

Вы Вконтакте есть?

#23 Wo lf

Wo lf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 461 сообщений

Отправлено 25 Июль 2012 - 22:09

Конечно, можно и так  :rolleyes:

#24 silverstone

silverstone

    Пользователь

  • Пользователи
  • PipPip
  • 45 сообщений

Отправлено 25 Июль 2012 - 22:09

:)

#25 silverstone

silverstone

    Пользователь

  • Пользователи
  • PipPip
  • 45 сообщений

Отправлено 25 Июль 2012 - 22:14

Не работает((( вставил для пробы белые фотки формата 400 на 400

#26 silverstone

silverstone

    Пользователь

  • Пользователи
  • PipPip
  • 45 сообщений

Отправлено 25 Июль 2012 - 22:26

Это у меня default:
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 Wo lf

Wo lf

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 461 сообщений

Отправлено 26 Июль 2012 - 11:06

Решена проблема!  :rolleyes:

#28 silverstone

silverstone

    Пользователь

  • Пользователи
  • PipPip
  • 45 сообщений

Отправлено 26 Июль 2012 - 11:30

Спасибо огромное!!!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных