Смена картинок пи наведении курсора

[sol]

Смена картинок пи наведении курсора - но не это:

<a href="http://nonags.online.ru/main.html" onMouseOver="document.pic1.src='a.gif'" onMouseOut="document.pic1.src='b.gif'">
<IMG SRC="b.gif" BORDER=0 NAME="pic1"></a>

в этом случае меняеться та картинка на которую наводишь курсор

Я ищу скрипт, который позволяет след.

есть 6 картинок слева, 1 область для картинки справа

при наведении на картинки слева, в области справа появляеться изображение (например увеличенное фото левой картинки)

и так слева появляються разные картинки в зависимости от наведенного курсора на правых картинках

p.s. надеюсь понятно....)

[s0rr0w]

Я ищу скрипт, который позволяет след.

p.s. надеюсь понятно....)

www.google.com

p.s. надеюсь, понятно?

[sol]

www.google.com
p.s. надеюсь, понятно?

смешно.....млин , порой удивляет необходимость существования таких форумов.

Или он называется "спроси где тебе лучше поискать" а может "здесь тебе подскажут что тебе нужно почитать хтмл ...."

Что тебе сказать, бестолочь..., искал и на гугле и на яндексе...........

как ты вообще представляешь себе - вбивать в строку поиска описание своей проблемы

(ибо, как по другому объяснить не знаю - знал бы написал в форуме)

задумайся млин на минуту

[s0rr0w]

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

Что тебе сказать, толковый ты наш, твоя задача настолько примитивна, что ее решит любой ребенок из подготовительной группы детского сада. Достаточно подумать, а что же собственно делает код, который был приведен тобой же. Банально, включить мозг, и решить задачу без сторонней помощи. Задумайся хоть на секунду. Если ты не понимаешь, как работают скрипты, html, css, то займись лучше чем-то другим.

И просьба, не ходи больше на этот форум, тут тебе нечего делать. И друзьям своим всем пойди расскажи.

[sol]

)

1. друзья мои занимаются немного более серьезными вещами

2. по поводу юноши - мимо кассы

3. моя задача примитивна для тебя! ботаника ночами напролет сидящего за монитором

4. приведенный мною код выполняют другие функции (тебе это должно быть известно), включать мозг пробовал, искал и т.д. (не понимаю, но понять НУЖНО)

5. а уж если ты кроме как "посмотри здесь, поищи там" сказать не в силах - не нужно путь для поиска открывать, не утруждайся

[AMD]

sol, купите книжку по JS.

Уж слишком Вы умный.

Вам будет все понятно.

А такие темы, на форуме уже давно создавались.

И тот же самый s0rr0w писал этот код 10 раз.

[sol]

AMD, обязательно куплю (на сегоднящний день скачал ведео курс по jave, 5 самоучителей в формате pdf и chm)

раз уж уважаемый s0rr0w писал этот код 10 раз, мог бы быть немного по вежливей и указать путь на любой из этих 10 примеров с кодом, а не отправлять в турне по интернету

Edited April 24, 2009 by sol

[3ABAPKA]

Можно почитать здесь http://forum.htmlbook.ru/index.php?showtopic=4413

или поискать здесь http://forum.htmlbook.ru/index.php?showtopic=5644

А можно попробовать сделать так

<a href="http://nonags.online.ru/main.html" onMouseOver="document.pic1.src='a.gif'" onMouseOut="document.pic1.src='b.gif'">
Сменить изображение</a>

где хочется увидеть смену картинок пишем

<IMG SRC="b.gif" BORDER=0 NAME="pic1">

Или еще вариант=взять готовое с этого ресурсаhttp://www.dynamicdrive.com/style/csslibra...-image-gallery/

[sol]

3ABAPKA, спасибо, уже учу

Edited April 24, 2009 by sol

[sol]

На самом деле именно это (смена картинки при наведении курсора понятно)

Непонятно как сделать что бы появление картинки (<IMG SRC="b.gif" BORDER=0 NAME="pic1">) исходило не только от NAME="pic1" но и от NAME="pic2" NAME="pic3" и т.д.

т.е. у меня так:

<a href="http://nonags.online.ru/main.html" onMouseOver="document.pic1.src='a.gif'" onMouseOut="document.pic1.src='b.gif'">
Сменить изображение</a>

<a href="http://nonags.online.ru/main.html" onMouseOver="document.pic2.src='c.gif'" onMouseOut="document.pic2.src='d.gif'">
Сменить изображение</a>

где хочется увидеть смену должно быть что то вроде

<IMG SRC="b.gif","d.gif" BORDER=0 NAME="pic1","pic2">

Edited April 24, 2009 by sol

[3ABAPKA]

Это

<IMG SRC="b.gif","d.gif" BORDER=0 NAME="pic1","pic2">

никогда не заработает

Не понятно что требуется.

Требуется чтобы картинка при наведении менялась, а при отсутствии курсора возвращала свое первоначальное значение или надо чтоб из списка выбиралась картинка?

Если надо выбор из сиска то попробуй этот код

<HTML>
<HEAD>

<TITLE> *** Смена изображений | Предварительное кеширование изображений *** </TITLE>
<script type="text/javascript">
// инициализация пустого массива
var imageLibrary=new Array();
// предварительная загрузка изображений
imageLibrary["image1"]=new Image(120,90);
imageLibrary["image1"].src="etc/desk1.gif";
imageLibrary["image2"]=new Image(120,90);
imageLibrary["image2"].src="etc/desk2.gif";
imageLibrary["image3"]=new Image(120,90);
imageLibrary["image3"].src="etc/desk3.gif";
imageLibrary["image4"]=new Image(120,90);
imageLibrary["image4"].src="etc/desk4.gif";
// загрузка выбранного в списке изображения
function loadCached(list){
var img=list.options[list.selectedIndex].value;
document.thumbnail.src=imageLibrary[img].src;
}
</script>
</HEAD>

<BODY BGCOLOR="white">
<h2>Картинка</h2>
<img src="etc/desk1.gif" name="thumbnail" height="90" width="120">
<form>
<select name="cached" onchange="loadCached(this)">
<option value="image1">Bands
<option value="image2">Clips

<option value="image3">Lamp
<option value="image4">Erasers
</select>
</form>
</BODY>
</HTML>

Раскрывающийся список можно переделать на список <li>

Edited April 24, 2009 by 3ABAPKA

[scrache]

sol, для таких как ты в начале раздела про js есть 3 темы про основы,

когда читаешь тво вопрос то думаешь:

почему 10летний пацан спрашивает на ракетостроительном форуме как закрутить гайку на велике. когда на главной весит : "кто не умеет строить рокеты читайте основы".

Чесное слово ты бы еще спросил че такое тэг <a>

[sol]

scrache, тег <a>, если ты не в курсе к хтмл как то ближе, я же спрашиваю как организовать все это дело в java script

java script совершенно другой язык программирования, опять же ты не в курсе видимо

будь внимательней, когда умничать начинаешь

для таких как ты в начале раздела про js есть 3 темы про основы,

прочитал, "пролистал", не поверишь но не нашел

быть может потому что мой вопрос не просто как сделать смену картинки при наведении на курсора (это уж поверь уже сделал)

товарищ, ты как изучал хтмл, яву? не по форумам ли в свое время бродил? или как? или все по книжке, ни одного вопроса не задал?

спасибо 3ABAPKA

http://www.dynamicdrive.com/style/csslibra...-gallery/#thumb - вроде как то что надо, даже лучше что на css

Edited April 24, 2009 by sol

[sol]

Смена картинки при наведении курсора с помощью css

HTML:

<a href="url"><img src="pic1.gif" alt=""  title="" class="smena" /></a>

CSS:

.smena{
	background-image: url(1.jpeg);
}
.smena:hover {
	background-image: url(2.jpeg);
}

где,

pic1.gif - прозрачное изображение

1.jpeg - картинка до наведения курсора мышки

2.jpeg - картинка после наведения курсора мышки

Edited April 24, 2009 by sol