Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Помогите поменять этот маленький скрипт
 
 автор: cccp   (16.05.2007 в 13:52)   письмо автору
 
 

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

<script language="JavaScript">
<!--
//Agrandire image/
var num=0
function changer() {
if (num == 0) {
num = 1;
document.image_pobeda1.src = "images_news/den_pobedi.jpg";// grande image
document.image_pobeda1.width = 616;
//document.image.height = 388;
}
else {
num = 0;
document.image_pobeda1.src = "images_news/den_pobedi.jpg";// petite image
document.image_pobeda1.width = 123;
//document.image.height = 194;
}
}
//-->
</script>


<a name="den_pobedi"></a>
<a href="#den_pobedi" onClick="changer()"><img src="images_news/den_pobedi.jpg" width="123" border="0" name="image_pobeda1" alt="agrandire/diminuer"></a>

<a name="den_pobedi2"></a>
<a href="#den_pobedi2" onClick="changer()"><img src="images_news/9maya(1).jpg" width="123" border="0" name="image_pobeda2" alt="agrandire/diminuer"></a>

Ещё раз Спасибо!

   
 
 автор: ilyaILF   (16.05.2007 в 18:02)   письмо автору
 
   для: cccp   (16.05.2007 в 13:52)
 

Если я правильно понял вашу задачу, то при клике по фото у вас оно должно увеличиваться, т.е. подгружаться фотографии с большим разрешением, для этого вам нужно называть файлы фотографий с разным окончанием (...s.jpg - для маленьких фотографий и ....b.jpg - для больших фотографий), и ваш скрипт может иметь следующий вид:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title></title>
<script type="javascript">
<!--
var myobj;
function changer(obj) {
myobj=obj.firstChild;
    if (myobj.style.width=='123px'||myobj.style.width==''&&myobj.style.height=='194px'||myobj.style.height=='') {
    myobj.src = myobj.src.substring(0,myobj.src.length-5)+'b.jpg';// grande image 
    myobj.style.width = '616px';
    myobj.style.height = '388px';
}
else {
    myobj.src = myobj.src.substring(0,myobj.src.length-5)+'s.jpg';// petite image
    myobj.style.width = '123px';
    myobj.style.height = '194px';
}
}
//-->
</script>
<style type="text/css">
img
    {width: 123px; height: 194px; border: 0;}
</style>
</head>
<body>
<a name="den_pobedi"></a>
<a href="#den_pobedi" onclick="changer(this)"><img src="pict_s.jpg" alt="agrandire/diminuer" /></a>

<a name="den_pobedi2"></a>
<a href="#den_pobedi2" onclick="changer(this)"><img src="pict2_s.jpg" alt="agrandire/diminuer" /></a>
</body>
</html>

   
 
 автор: cccp   (16.05.2007 в 21:01)   письмо автору
 
   для: ilyaILF   (16.05.2007 в 18:02)
 

Добрый день.
Спасибо за помощь.
Я сделал как вы мне подсказали.
Маленькие назвал с окончанием "s",
den_pobedi_s.jpg
9maya_s.jpg


А большие с "b",
den_pobedi_b.jpg
9maya_b.jpg


Но не работает.
Какая-то ошибка?

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> 
<title></title> 
<script type="javascript"> 
<!-- 
var myobj; 
function changer(obj) { 
myobj=obj.firstChild; 
    if (myobj.style.width=='123px'||myobj.style.width==''&&myobj.style.height=='194px'||myobj.style.height=='') { 
    myobj.src = myobj.src.substring(0,myobj.src.length-5)+'b.jpg';// grande image  
    myobj.style.width = '616px'; 
    myobj.style.height = '388px'; 

else { 
    myobj.src = myobj.src.substring(0,myobj.src.length-5)+'s.jpg';// petite image 
    myobj.style.width = '123px'; 
    myobj.style.height = '194px'; 


//--> 
</script> 
<style type="text/css"> 
img 
    {width: 123px; height: 194px; border: 0;} 
</style> 
</head> 
<body> 

<a name="den_pobedi"></a> 
<a href="#den_pobedi" onClick="changer(this)"><img src="den_pobedi_s.jpg" alt="agrandire/diminuer" /></a> 

<a name="den_pobedi2"></a>
<a href="#den_pobedi2" onClick="changer(this)"><img src="9maya_s.jpg" alt="agrandire/diminuer" /></a>
</body> 
</html>

   
 
 автор: ilyaILF   (16.05.2007 в 21:13)   письмо автору
 
   для: cccp   (16.05.2007 в 21:01)
 

Попробуйте дописать <script type="text/javascript">, моя ошибка.

   
 
 автор: mefestofel   (16.05.2007 в 21:42)   письмо автору
 
   для: cccp   (16.05.2007 в 21:01)
 

Je vois bien que vous n'avez pas compris...

   
 
 автор: bronenos   (16.05.2007 в 22:06)   письмо автору
 
   для: mefestofel   (16.05.2007 в 21:42)
 

что в этом хорошего?

   
 
 автор: ilyaILF   (16.05.2007 в 22:38)   письмо автору
 
   для: mefestofel   (16.05.2007 в 21:42)
 

To mefestofel, я тоже вижу...

   
 
 автор: bronenos   (16.05.2007 в 22:41)   письмо автору
 
   для: mefestofel   (16.05.2007 в 21:42)
 

тьфу черт... не так перевел =)

   
 
 автор: cccp   (19.05.2007 в 00:52)   письмо автору
 
   для: bronenos   (16.05.2007 в 22:41)
 

Огромное СПАСИБО.
Merci :)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования