Парюсь с картой

[Удален]

23 мая 2009, 22:42

#11

До этого не работало нигде. Теперь вы путь таки правильно поставили. У меня в опере тоже не работает, и ошибок нет. Попробуйте скопировать всю разметку как там - например там координаты в area разделены пробелами на пары. На крайняк можно же оттрейсить скрипт

Альфа-Банк и платежная система Есть ли смысл делать Нужна помощь с php

112

AlexThunder

1 июня 2009, 08:05

#12

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;
}

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

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

Бесплатные лендинги (/ru/forum/916903). Премиум лендинг за 7т.р. (http://landing.chopochom.com/?utm_source=searchengines.guru&utm_medium=forum&utm_term=подпись&utm_content=премиум+лендинг+за+7тр&utm_campaign=landing) Контекстная реклама без границ (/ru/forum/893946)

Как использовать ненумерованный список Яндекс и Mail.Ru смотрят Как Google сканирует страницы

112

AlexThunder

2 июня 2009, 13:07

#13

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

[Удален]

2 июня 2009, 13:31

#14

господи, вам не стыдно такое спрашивать?

ставите картинке position:absolute, окаймляете её дивом с position:relative; overflow:hidden; И при нужных вам действиях двигаете картинку (top,left)

112

AlexThunder

2 июня 2009, 14:33

#15

господи, вам не стыдно такое спрашивать?

А почему мне должно быть стыдно?

[Удален]

2 июня 2009, 14:57

#16

Ну хотя бы потому что ответ на этот вопрос есть в гугле.

А вообще это же вроде бы примитив

112

AlexThunder

2 июня 2009, 15:40

#17

Гугл не дал мне то, что нужно. Видимо, мы думаем о разных вещах.

neolord:
А вообще это же вроде бы примитив

Открыть опрос?

Маркетинг для шоколадной фабрики. На 34% выше средний чек

Курс биткоина превысил $50 тысяч