Скрипт для слайда

[amelice]

Всем привет!

По требованиям макета нужно сделать слайдшоу, т.е. при наведении на определенный участок внизу, фон сзади должен меняться:

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

Ссылка

[Golgi]

onmouseover

и onmousout вам в помощь

[amelice]

onmouseover

и onmousout вам в помощь

Golgi, я вот смотрю, как решила эту задачу Dinow:

<li class="option">
 <a onclick="loadOnDemand('')" href="javascript:void(0);">
 <img alt="" src="Imgs/option.jpg">
 <span>Find the right financing option.</span>
 </a>
</li>

a onclick="loadOnDemand(option.css)"

Мне кажется, этот код загружает сss файл('option.css'), при нажатии мыши.

href="javascript:void(0);

а этот кусок что делает не подскажете?

Если загружается отдельный сss-файл то, это то что мне нужно! Так как фон сзади зависит от разрешения экрана, поэтому часть картинки должна повторятся, а для этого нужно заново переписать правила фона для блока со слайдом.

Edited July 26, 2011 by cheburek

[Golgi]

там onclick, вы же хотите чтобы при наведении менялось, тогда нужно onmouseover, работает в точности, как onclick

[amelice]

там onclick, вы же хотите чтобы при наведении менялось, тогда нужно onmouseover, работает в точности, как onclick

Я ошиблась, нужно при нажатии.

А вот этот кусок кода что делает?

href="javascript:void(0);

[Svatov]

там onclick, вы же хотите чтобы при наведении менялось, тогда нужно onmouseover, работает в точности, как onclick

Я ошиблась, нужно при нажатии.

А вот этот кусок кода что делает?

href="javascript:void(0);

Возвращает пустое значение, другими словами, не делает абсолютно ничего...честно говоря мне не совсем понятно, зачем использовать обработчик и псевдопротокол, когда его можно в него и поместить...но то такое..

..Вот приведу цитату из Флэнагана..

Еще один способ исполнения JavaScriptкода на стороне клиента – написаниеэтого кода в URL адресе вслед за спецификатором псевдопротокола javascript:.Этот специальный тип протокола обозначает, что тело URLадреса представляетcобою произвольный JavaScriptкод, который должен быть выполнен интерпретатором JavaScript. URL адрес интерпретируется как единственная строка и потому инструкции в ней должны быть отделены друг от друга точками с запятой,а для комментариев следует использовать комбинации символов /* */, а не //.

Подобный URLадрес может выглядеть, например, так:

javascript:var now = new Date(); "<h1>Время:</h1>" + now;

Когда броузер загружает такой URLадрес, он исполняет содержащийся в нем код и использует строковое значение последней JavaScriptинструкции в качестве содержимого нового отображаемого документа. Это строковое значение может содержать HTMLтеги, оно форматируется и отображается точно так же,как любой другой документ, загруженный в броузер. URL адрес с JavaScriptкодом может также содержать JavaScriptинструкции,выполняющие действия, но не возвращающие значения. Например:

javascript:alert("Hello World!")

Когда загружается подобный URLадрес, броузер исполняет JavaScriptкод, но т. к. значения для вывода в новом документе нет, он не изменяет текущий документ. Часто возникает необходимость использовать спецификатор javascript: в URL адресе для исполнения некоторого кода без изменения текущего отображаемого документа. Для этого необходимо, чтобы последняя инструкция в URLадресе не возвращала значение. Один из способов обеспечить отсутствие возвращаемого значения состоит в том, чтобы посредством оператора void явно указать неопределенное возвращаемое значение. Просто в конец URLадреса со спецификатором javascript: поместите инструкцию:

void 0;

Вот, например, как выглядит URLадрес, открывающий новое пустое окно броузера без изменения

содержимого текущего окна:

javascript:window.open("about:blank"); void 0;

Без оператора void в этом URLадресе значение, возвращаемое вызванным методом Window.open(), было бы преобразовано в строку и отображено, в результате текущий документ был бы замещен документом, в котором присутствовало чтото вроде следующего:

[object Window]

Спецификатор псевдопротокола javascript: может использоваться в HTMLатрибутах везде, где используются строки URLадресов. Атрибут href гиперссылки – одно из таких мест. Когда пользователь щелкает на такой ссылке, исполняется указанный JavaScriptкод. В данном контексте URLадрес со спецификатором javascript: является, по сути, заменой обработчика события onclick. (Следует отметить, что и использование обработчика события onclick или URLадресасо спецификатором javascript: в HTMLгиперссылках – это признак плохо продуманного дизайна; для нужд приложения следует применять кнопки и другиеэлементы управления, а гиперссылки оставить только для загрузки новых документов.) Аналогичным образом URLадрес со спецификатором javascript: может указываться в качестве значения атрибута action тега <form> – благодаря это

му при принятии пользователем формы выполняется JavaScriptкод.

Edited July 26, 2011 by Svatov

[amelice]

Svatov, спасибо!