Есть страница. На ней в начале расположены ссылки с якорями на слои расположенные ниже. Также к странице прикреплён скрипт который осуществляет скролл к якорю (слою) указанному в ссылке.
Каждый из этих слоёв к которым осуществляется скролл представляет собой мини эскиз, при нажатии на который увеличивается картинка. Увеличение реализовано при помощи скрипта highslide.
Нужно сделать так, чтобы всё происходило по следующему сценарию:
Клик по ссылке - Скрол до слоя, а затем увеличение картинки.
Иначе говоря нужно в скрипте скролла прописать, чтобы при достижении нужного якоря происходило нажатие на эскиз. C JavaScript я не знаком, но думаю задача не сложная!
Код скролл скрипта такой:
spScrollToHash = {
autor: {
name: 'Szen',
site: 'http://szenprogs.ru/',
page: 'http://szenprogs.ru/blog/plavnyj_skrolling_v_ljubom_napravlenii/2011-06-21-111',
ver: '1.0 beta'
},
scroll: function (id, speed, typ) {
if (id == '' || id == '#' || $(id).length == 0) return false;
if (speed == undefined || speed < 1 || speed > 1000) speed = 500;
if (typ == undefined || typ < 1 || typ > 3) typ = 1;
var par = 'html'
if ($.browser.safari) par = 'body';
var offset = $(id).offset();
spScrollToHash.stop();
switch (typ) {
case 1:
$(par).animate({
scrollTop: offset.top,
scrollLeft: offset.left
}, speed, function () {
document.location.hash = id;
});
break;
case 2:
$(par).animate({
scrollTop: offset.top
}, Math.round(speed / 2), function () {
$(par).animate({
scrollLeft: offset.left
}, Math.round(speed / 2), function () {
document.location.hash = id;
});
});
break;
case 3:
$(par).animate({
scrollLeft: offset.left
}, Math.round(speed / 2), function () {
$(par).animate({
scrollTop: offset.top
}, Math.round(speed / 2), function () {
document.location.hash = id;
});
});
break;
}
return false;
},
stop: function () {
$('a[href*="#"]').stop();
},
ready: function (speed, typ) {
var id = document.location.hash;
spScrollToHash.scroll(id, speed, typ);
$('a[href*="#"]').click(function () {
id = $(this).attr('href');
id = id.substr(id.indexOf('#'));
spScrollToHash.scroll(id, speed, typ);
return false;
});
}
}
$(function () {
spScrollToHash.ready(400, 1);
});