Подгрузка графики

Рассмотрим одно полезное решение, по работе с картинками. Иногда бывает не нужно давать индексировать ПС не уникальные картинки или необходимо на странице сортировки получить только товары с определённым количеством картинок. Тогда этот вариант может вам помочь, пример любая страница товара в нашем шаблоне tovar1.html

Если посмотреть исходный код, то можно увидеть что там всего одна фотография

<div class="imgbox"> <img itemprop="image" src="img/tovar1_1.jpg" alt="название товара 1" class="scrin s3" /> </div>

Но у элемента <img /> указан class="scrin s3", первая его часть scrin – это сигнал для нашего JS, что есть ещё фото для данного товара, вторая часть s3 – это их количество 3

Обратите внимание, url фотографий имеет определённый формат:
tovar1_1.jpg tovar1_1-s.jpg tovar1_2.jpg tovar1_2-s.jpg tovar1_3.jpg tovar1_3-s.jpg

$('.scrin').livequery(function(){
var imgN=$(this).attr('class').replace('scrin s','')*1;
var imgsrc=$(this).attr('src').replace('_1.jpg','');
for(iim=imgN;iim>0;iim=iim-1) {
$(this).after('<img src="'+imgsrc+'_'+iim+'-s.jpg" class="fotimg" />');
};
},function(){});

Скрипт анализирует значение второй части класса у элемента img и формирует html код с превью всех изображений товара, вставляя их после существующей на странице (вставляются уменьшенные изображения -s)
Далее нам необходим обработчик кликов на этих превью, что бы они показывались в полном размере

$('.fotimg').livequery('mouseover',function(){
$(this).css({'border':'1px solid red'});
});
$('.fotimg').livequery('mouseout',function(){
$(this).removeAttr('style');
});
$('.fotimg').livequery('click',function(){
$('img.scrin').attr('src',$(this).attr('src').replace('-s.jpg','.jpg'));
});
Bнутренняя оптимизация сайта
позволит ему быстрее и эффективнее выбиться в верхние результаты поиска
Анализ трафика
позволяет оценить эффективность ресурса и скорректировать, на основе полученных данных, стратегию продвижения сайта в поисковиках
Листинг страниц
как избежать дублей при сортировках