Jump to content
  • 0

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


sol
 Share

Question

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

<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. надеюсь понятно....)

Link to comment
Share on other sites

13 answers to this question

Recommended Posts

  • 0

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

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

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

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

  • 0

)

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

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

Edited by sol
Link to comment
Share on other sites

  • 0

Можно почитать здесь 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/

Link to comment
Share on other sites

  • 0

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

Непонятно как сделать что бы появление картинки (<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 by sol
Link to comment
Share on other sites

  • 0

Это

<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 by 3ABAPKA
Link to comment
Share on other sites

  • 0

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

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

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

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

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

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

спасибо 3ABAPKA

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

Edited by sol
Link to comment
Share on other sites

  • 0

Смена картинки при наведении курсора с помощью 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 by sol
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy