Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Помогите пожалуйста

Обсуждение темы Помогите пожалуйста в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Я занимался с редактированием сайта...и мне надо было вставить на сайт скрипт который отвечает за смену кадра картинки (JavaScript) то есть при наведении ...


Закрытая тема
 
Опции темы
Старый 19.06.2011, 01:42   #1
Я занимался с редактированием сайта...и мне надо было вставить на сайт скрипт который отвечает за смену кадра картинки (JavaScript) то есть при наведении картинка-ссылка меняется!!!
Нашел в инете код:
Цитата:
<HEAD>
<SCRIPT LANGUAGE="javascript">
function ChangeImg()
{
if(document.images)
{

eval("document."+ChangeImg.arguments[0]+"
.src=('"+ChangeImg.arguments[1]+"')");
}
}
function preload()
{
if (document.images)
{
var imgsrc = preload.arguments;
arr=new Array(imgsrc.length);
for (var j=0; j
{ arr[j] = new Image; arr[j].src = imgsrc[j]; }
}
}
</SCRIPT>
</HEAD>

<BODY onLoad="preload('over1.gif', 'over2.gif', 'overN.gif')">

где overN.gif - картинка, которая должна показываться при наведении мышки. onLoad нужен для того, чтобы картинки подгружались сразу, а не в то время, когда навели мышку, так как на слабом канале эффекта сразу можно не заметить.

<A HREF="1.htm" onMouseOver="ChangeImg('image1','over1.gif')"
onMouseOut="ChangeImg('image1','out1.gif')">
<IMG SRC="out1.gif" NAME="image1">
</A>

<A HREF="2.htm" onMouseOver="ChangeImg('image2','over2.gif')"
onMouseOut="ChangeImg('image2','out2.gif')">
<IMG SRC="out2.gif" NAME="image2">
</A>

<A HREF="N.htm" onMouseOver="ChangeImg('imageN','overN.gif')"
onMouseOut="ChangeImg('imageN','outN.gif')">
<IMG SRC="outN.gif" NAME="imageN">
</A>

в <IMG> "name" нужно для того, чтобы JS знал, какой картинке соответствует каждая ссылка.
....
Вот такое вот нашел}}}}}}}}}}вставил все как надо, а мне вместо этого ничего!!!

А что вставил я -
в HEAD вставил - <script type="text/javascript">, заместо <SCRIPT LANGUAGE="javascript"> , хотя его в первй раз тоже вставил и все равно не работает .....там у меня много таких по поводу менюшки!!!


А дальше -
<body onLoad="preload('btn1.png')>
.....
<a href="http://strojslovar.ru/" onMouseOver="ChangeImg('image1','btn1.png')"
onMouseOut="ChangeImg('image1','btn.png')"target=" _top">
<img src="images/btn.png" name="image1"></a>


Кстати когда вообще убираю target почему то картинка совсем исчезает ..........Dreamweaver - делает её сразу просто якорем, когда target убирается!!!


Вообщем разжуйте мне эту ситуацию!!! спасибо за внимание
 
Старый 19.06.2011, 01:42
Ссылки
Старый 19.06.2011, 10:15   #2
вникнуть в элементарные синтаксические правила js - не судьба?

Код:
	function preload() {
		if (document.images) { 
			var imgsrc = preload.arguments;
			arr=new Array(imgsrc.length);
			for (var j=0; j<=imgsrc.length; j++) { arr[j] = new Image; arr[j].src = imgsrc[j]; }
		}
	}
 
Старый 19.06.2011, 20:39   #3
ну не изучал я ...че!

Добавлено через 7 минут

И все равно не работает!

Последний раз редактировалось maxefect; 19.06.2011 в 20:39.. Причина: Добавлено сообщение
 
Старый 19.06.2011, 22:05   #4
все работает, значит вы еще и код как-то не так компонуете. дайте html прям в том виде в каком запускаете.
 
Старый 19.06.2011, 22:25   #5
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ИП &quot;СтройКомплекс&quot; - строительная фирма города Онеги</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<!--SCRIPT FOR MENU-->
<script type="text/javascript">
$(document).ready(function () {

$('.menu li').hover(
function () {
//show its submenu
$('ul', this).slideDown();
$('ul li ul', this).slideUp(0);

},
function () {
//hide its submenu
$('ul', this).slideUp();
}
);

});
</script>
<script type="text/javascript" src="js/contactable/jquery.validate.pack.js"></script>
<script type="text/javascript" src="js/contactable/jquery.contactable.js"></script>
<link rel="stylesheet" href="js/contactable/contactable.css" type="text/css" />
<script type="text/javascript">
$(function(){
$('#contact').contactable({
subject: 'A Feeback Message'
});
});
</script>
<script type="text/javascript" src="js/easySlider1.5.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images
*/

$("a.fancybox").fancybox({
'titleShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic'
});

});
</script>
<link href="fonts/stylesheet.html" rel="stylesheet" type="text/css" media="all" />

<!-- Gallery 1-->
<script type="text/javascript" src="js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="js/fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />

<!-- Gallery 2 -->
<script type="text/javascript" src="js/galleria/galleria.js"></script>
<script type="text/javascript" src="js/galleria/classic/galleria.classic.js"></script>
<link rel="stylesheet" type="text/css" href="js/galleria/classic/galleria.classic.css" media="screen" />
<script type="text/javascript">$('.images').galleria();</script>
<script type="text/javascript" src="js/contactable/jquery.validate.pack.js"></script>
<script type="text/javascript" src="js/contactable/jquery.contactable.js"></script>
<link rel="stylesheet" href="js/contactable/contactable.css" type="text/css" />
<script type="text/javascript">
$(function(){
$('#contact').contactable({
subject: 'A Feeback Message'
});
});
</script>
<style type="text/css">
<!--
.стиль1 {color: #FFFFFF}
.стиль2 {color: #666666}
-->
</style>
<script type="text/javascript">
function ChangeImg()
{
if(document.images)
{

eval("document."+ChangeImg.arguments[0]+"
.src=('"+ChangeImg.arguments[1]+"')");
}
}


function preload() {
if (document.images) {
var imgsrc = preload.arguments;
arr=new Array(imgsrc.length);
for (var j=0; j<=imgsrc.length; j++) { arr[j] = new Image; arr[j].src = imgsrc[j];}
}
}
</script>


</head>

<body onLoad="preload('btn1.png')>

<div id="contact"> </div>
<div id="fullwidth">
<div class="main_wrap">
<div class="main_wrap_support"> <a href="index-2.html" class="logo"></a>
<div class="menu">
<ul id="nav">
<li class="active"><a href="index.html"><span>Главная</span></a>
<ul>
<li><a href="home.html" class="noborder">Новости</a></li>
</ul>
</li>
<li><a href="#" ><span>Прочее</span></a>
<ul>
<li><a href="uslugi.html">Описание услуг</a></li>
<li><a href="info.html">Доп. информация</a></li>
<li><a href="direct.html">Руководитель фирмы</a></li>
<li><a href="za.html">Оформить заказ</a></li>
<li><a href="vakan.html">Вакансии</a></li>
</ul>
</li>
<li><a href="#"><span>Галерея</span></a>
<ul>
<li><a href="gallery1.html">2005-2009 г.г</a></li>
<li><a href="gallery2.html" class="noborder">2009-2011 г.г</a></li>
</ul>
</li>
<li><a href="#"><span>Прайс</span></a>
<ul>
<li><a href="blog.html">Наружные работы</a></li>
<li><a href="blog.html">Крыша</a></li>
<li><a href="blog.html">Потолок</a></li>
<li><a href="blog.html">Стены</a></li>
<li><a href="blog.html">Перегородки</a></li>
<li><a href="blog.html">Окна</a></li>
<li><a href="blog.html">Двери</a></li>
<li><a href="blog.html">Вентиляция</a></li>
<li><a href="#">Сооружения</a>
<ul>
<li><a href="#">Бревенчатые дома</a></li>
<li><a href="#">Срубы бань</a> </li>
<li><a href="#">Брусовые дома</a></li>
</ul>
</li>
<li><a href="blog-innerpage.html" class="noborder">Сантехника</a></li>
</ul>
</li>
<li><a href="contact.html"><span>Контакты</span></a></li>
</ul>
<!--ENF OF MENU-->
</div>
<p class="toptext"> ИП "СтройКомплекс&quot; - организация, специализирующаяся на возведении жилых домов и других построек.</span> </p>
<div class="bannerwrap">
<div class="bannerwraplft">
<div id="container">
<div id="slider">
<ul>
<li>
<h3><strong>Добро пожаловать на сайт!!!</strong></h3>
<p></p>
<h4 class="стиль2">Мы предоставляем весь спектр строительных услуг на территории г. Онеги и Онежского района.</h4>
<p></p>
</li>
<li>
<h3><strong>ИП "СтройКомплекс"</strong></h3>
<p></p>
<h4 class="стиль2">Предоставляет квалифицированные строительно-ремонтные услуги точно в срок, с гарантией качества и по доступным ценам.</h4>
<p></p>
</li>
<li>
<h3><strong>ИП "СтройКомплекс"</strong></h3>
<p></p>
<h4 class="стиль2">Осуществляет весь спектр услуг в области проектирования, строительства и утверждения документации для реализации проектов любого уровня сложности.</h4>
<p></p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="main_wrap">
<div class="main_wrap_support">
<div class="left_pannel">
<h3 class="indexhead">Добро пожаловать на сайт нашей компании</h3>
<h4 class="indexhead">На каком основании мы открылись</h4>
<p class="indexpara">В настоящее время на строительном рынке наблюдается ощутимый приток капитала. Появилось много новых компаний, которые борются за своего клиента с помощью демпинговых цен. Однако зачастую качество их работы не выдерживает никакой критики. Попробуйте прийти на их объекты через год, и общение с недовольными заказчиками сразу расставит все точки над «i». Дело в том, что в строительном бизнесе не приемлем принцип «Кто не рискует, тот не пьет шампанского». Фактор риска здесь должен быть сведен к нулю. Координацию и управление проектами следует доверять профессионалам, подкрепляющим свою работу гарантийными обязательствами перед клиентом.</p>
<h3 class="indexhead">О компании</h3>
<p class="indexpara">Философия нашей компании подразумевает комплексный подход к реализации всех этапов работы над проектом. Согласитесь: дело, порученное многим, не поручено никому. </p>
<p class="indexpara">Комплексный подход — это решение целого ряда связанных между собой задач, которые по отдельности решать нерационально.</p>
<img src="images/a1.png" alt="" class="indeimg" /> <img src="images/a2.png" alt="" class="indeimg" /> <img src="images/a3.png" alt="" class="indeimg" /> </div>
<div class="mini_wrap">
<h3 class="indexhead">Testimonials</h3>
<p class="indexpara">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p>
<p class="indexpara">The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.<br />
<span>- John Doe,</span> </p>
<h3 class="indexhead">В дополнение</h3>
<h4 align="left">&nbsp;</h4>
<h4 align="center">Словарь строителей</h4>
<div align="center"><img src="images/150.jpg" alt="" width="144" height="94" class="indeimg" />
</div>
<p class="indexpara lesswidth">Вашему вниманию предлагается просмотреть сайт строительных терминов.</p>
<p class="indexpara">&nbsp;</p>
<p>
<a href="http://strojslovar.ru/" onMouseOver="ChangeImg('image1','btn1.png')"
onMouseOut="ChangeImg('image1','btn.png')"target=" _top">
<img src="images/btn.png" name="image1"></a></p>

<h4 align="center">&nbsp;</h4>
<p align="center">&nbsp; </p>
<h4 align="center">Магазины стройтоваров</h4>
<p class="indexpara lesswidth2">В этом разделе информация о магазинах г .Онеги, которые продают строительные материалы. А также имеющие большую популярность в среде нашей компании.</p>
<p class="indexpara lesswidth">&nbsp;</p>
<ul class="Img-gallery main-wrap">
<li><a href="images/bau_big.jpg" class="fancybox"><img src="images/bau_min.jpg" width="157" height="70" /></a>
<a href="images/stroy_big.jpg" class="fancybox"><img src="images/stroy_min.jpg" width="140" height="69" /></a>
</li>
</ul>




</div>
</div>
</div>
</div>
<div class="btmcontent">
<div class="main_wrap">
<div class="main_wrap_support">
<div class="mini_wrap">
<h3 class="indexhead">Строит. компании г. Онеги</h3>
<ul class="ptlist">
<li><a href="http://www.onega.su/onega/uslugi/repair_construction/" target="_blank"><img src="images/o1.png" alt="" /></a></li>
<li><a href="http://www.onega.su/onega/uslugi/manufacture_of_paving/" target="_blank"><img src="images/o2.png"/></a></li>
<li class="norht"><a href="http://www.pulset.ru/usl/find13_1u.php?id=291260&typeusl=" target="_blank"><img src="images/o3.png" alt="" /></a></li>
</ul>
<ul class="ptlist">
<li><a href="http://www.pulset.ru/usl/find13_1u.php?id=277951&typeusl=" target="_blank"><img src="images/o4.png" alt="" /></a></li>
<li></li>
<li class="norht"><a href="http://www.pulset.ru/usl/find13_1u.php?id=291259&typeusl=" target="_blank"><img src="images/o5.png" alt="" /></a></li>
</ul>
</div>
<div class="mini_wrap">
<h3 class="indexhead">Миссия нашей компании</h3>
<p class="indexpara">Миссия — это краеугольный камень корпоративной политики любой компании.</p>
<p class="indexpara"> Миссия нашей фирмы — проектирование, возведение зданий и сооружений, ремонт и реконструкция квартир, выполненная с гарантией качества по доступным ценам.</p>
</div>
<div class="mini_wrap">
<h3 class="indexhead">Наша связь</h3>
<p class="indexpara">На нашем сайте вы можете оформить заказ и мы свяжемься с вами.</p>
<p class="indexpara">Также теперь доступна функция отправки письма руководителю фирмы.</p>
<p class="indexpara">Tel: 89116765523<br />
Email: ivanstroy2011@yandex.ru </p>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="main_wrap">
<div class="main_wrap_support">
<p>&copy; ИП &quot;СтройКомплекс&quot;. Designed by:<span class="стиль1"> Max Design</span></p>
<ul class="nav2">
<li><a href="#">Главная</a></li>
<li class="sep">|</li>
<li><a href="#">Прочее</a></li>
<li class="sep">|</li>
<li><a href="#">Галерея</a></li>
<li class="sep">|</li>
<li><a href="#">Прайс</a></li>
<li class="sep">|</li>
<li><a href="#">Контакты</a></li>
</ul>
</div>
</div>
</div>
</body>

</html>
 
Старый 20.06.2011, 10:53   #6
стесняюсь спросить: а пути к картинкам кто будет контролировать? в <body onLoad="preload('btn1.png')> картинка находится в корневом каталоге сайта, а
Код HTML:
<img src="images/btn.png" name="image1">
- в каталоге images.

Добавлено через 3 минуты

если вам нужно прелоадидь всегда только из каталога images, то измените строку в функции preload на такую:
Код:
for (var j=0; j<=imgsrc.length; j++) { arr[j] = new Image; arr[j].src = 'images/'+imgsrc[j];}
Добавлено через 1 минуту

если из разных мест - прописывайте полные пути при вызове preload в ручную

Добавлено через 4 минуты

и еще - в вашем коде вижу перенос строки в функции ChangeImg:

Код:
eval("document."+ChangeImg.arguments[0]+"
.src=('"+ChangeImg.arguments[1]+"')");
если это действительно так - это недопустимо в js!!!!

Код:
eval("document."+ChangeImg.arguments[0]+".src=('"+ChangeImg.arguments[1]+"')");
Вы пишите что "не изучали... и чо?". Либо изучайте, либо не лезте не в свое дело. А так вы на элементарных вещах тренируете народ. Хочется порой помочь реальной проблеме, а не такие элементарщины разжевывать тому, кто не хочет сам открыть справочник.

Последний раз редактировалось redreem; 20.06.2011 в 10:53.. Причина: Добавлено сообщение
 
Старый 26.06.2011, 00:05   #7
ЛАДНО ...спасибо redreem
 
Старый 26.06.2011, 00:05
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите пожалуйста Каверин Технологии Flash 1 14.05.2012 00:47
Помогите пожалуйста! Ростислав HTML, CSS, JavaScript 5 17.03.2010 20:15
Пожалуйста помогите!!! Leks777 3D-графика 2 23.11.2006 11:03
Помогите!!! Пожалуйста!!!! Novice Технологии Flash 0 29.05.2006 18:29
Помогите пожалуйста Roman HTML, CSS, JavaScript 11 04.02.2006 04:42


Текущее время: 09:24. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум