AlexThunder

AlexThunder
Рейтинг
112
Регистрация
07.08.2006
Должность
Market

Прокрутка на jquery еще актуальна. :(

Считаю, что это и правильно - незачем создавать топики в день регистрации.

musulman, вероятно, ваши поклонники занесены в блэк-реп-лист.

Кидайте в личку номер кошелька

Выступлю посредником сделки между участниками форума и ТС. Безвозмездно.

Гарантирую расходование средств по целевому назначению.

Как по мне, то справочник имеет смысл содержать, если вы оперируете большими объемами неустаревающей информации. Поэтому для меня сейчас главный справочник - доступ в Интернет. То, что по мелочи - решается консервативными средствами систематизации.

В свое время тоже пытался много всего сохранять, но заметил, что нынешние темпы развития делают большинство сэйвов ненужными. Посему и решил не тратить на это особое время.

Хотя с другой стороны небольшая софтинка под такое дело никогда не помешает.

Редирект рулит однозначно.

Вы, наверно, где-то от Новосибирска и дальше, раз у вас вечер.

Есть сайт молодежной общественной организации

Не увидел ничего молодежного.

Возникают проблемы кроссбраузерности, как с этим бороться- никак не пойму.

Какие?

Вообще, так не пишут.

Если вы хотите получить конкретные и умные ответы - задавайте конкретные и умные вопросы.

neolord:
У меня в опере тоже не работает

Все вроде как поправил.

Остался вопрос по прокрутке на jquery.

В настоящий момент она реализована на базе прокрутки ненумерованного списка. Но поскольку у меня нет списка, а только одно большое изображение, то возникает необходимость реализовать все без ul и li. Вот как сейчас все сделано:

Функция прокрутки:

$(function(){
//Get our elements for faster access and set overlay width
var div = $('div.sc_menu'),
ul = $('ul.sc_menu'),
// unordered list's left margin
ulPadding = 0;

//Get menu width
var divWidth = div.width();

//Попытка задать высоту
var divHeight = div.height();

//Remove scrollbars
div.css({overflow: 'hidden'});

//Find last image container
var lastLi = ul.find('li:last-child');

//When user move mouse over menu
div.mousemove(function(e){

//As images are loaded ul width increases,
//so we recalculate it each time
var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;

var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
div.scrollLeft(left);

var ulHeight = lastLi[0].offsetTop + lastLi.outerHeight() + ulPadding;

var top = (e.pageY - div.offset().top) * (ulHeight-divHeight) / divHeight;
div.scrollTop(top);

});
});

Стиль:

div.sc_menu {
/* Set it so we could calculate the offsetLeft */
position: absolute;
top:100px;
left:100px;
height: 500px;
width: 1000px;
border:#FFFFFF inset 2px;
/* Add scroll-bars */
overflow: auto;
}
ul.sc_menu {
display: block;
height: 1155px;
/* Max width here, for users without Javascript */
width: 6618px;
/* Remove default margin */
margin: 0 0 0 0;
padding: 0 0 0 0;
}

Сам код страницы:


<body>

<div class="sc_menu" align="center">
<ul class="sc_menu"><li><img src="img/map.jpg" ismap="ismap" usemap="#map" />
<MAP NAME="map">
<AREA SHAPE="POLYGON" COORDS="668,229,710,267,752,268,770,260,782,254,786,245,785,234,782,225,774,218,762,210,747,199,668,230,668,227,670,230" HREF="images/gallery2.jpg">
<AREA SHAPE="CIRCLE" COORDS="141,100,78" href="test.html">

</MAP>
</li></ul>
</div>

Итак вопрос - как правильно вместо прокрутки ненумерованного списка, содержащего рисунок, - сделать прокрутку просто рисунка или области.

Moonrainbow, типа у нас в гаи все честные, да..? :)

В общем, исходное обещание при разделении управления США и России, что процесс не скажется на качестве, реально не оправдано. Как раз тогда все и началось. Пожинайте, господа.

Я особо не пострадал - при последней аварии убилось наглухо несколько сателлитов трехлетней давности, но саппорт было охота послать уже после первого ответного письма.

Всего: 2974