Перейти к содержимому

Фото
- - - - -

Помогите кто может, нужно создать слайдшоу


  • Вы не можете создать новую тему
  • Please log in to reply
1 ответов в этой теме

#1 Mike 777

Mike 777
  • Новобранец
  • 1 сообщений

Отправлено 31 июля 2009 - 08:30

Подскажите: взял готовое слайдшоу, вставил в страницу, на локальном идёт,на хостинг выкидываю не идёт, что делать?Вот код с главной страницы:


<!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=windows-1251">
<title>Untitled Document</title>
<style type="text/css">
<!--
a:link {
	color: #d6d6d6;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.style1 {color: #000000}
-->
</style></head>

<body style="border:1px solid #d6d6d6" leftmargin="100px" topmargin="100px">
<p align="right">Рус/<a href="en/index.html" class="style1">En</a></p>
<table width="828">
  <tr>
	<td><div align="center"><img src="baner.jpg" width="729" height="134" alt="baner" /></div></td>
  </tr>
</table>
<table width="10" border="1">
</table>
<table width="828">
</table>
<style>
  #slide-container {
	 text-align:center;
	 margin:20px 0px;
  }
  #slide-container #slideshow {
	 width:722px;
	 height:224px;
	 margin:auto;
	 position:relative;
  }
  #slide-container #slideshow IMG {
	 position:absolute;
	 top:0;
	 left:0;
  }
</style>
<script>
function animate(tagId,alfa,step){
 div = document.getElementById(tagId);
 var items = new Array();
 for(c=i=0;i<div.childNodes.length;i++){
  if (div.childNodes[i].tagName=="IMG"){
   items[c] = div.childNodes[i];
   c++;
  }
 }
 last = items[items.length-1];
 next = items[items.length-2];
 last.style.opacity= alfa/200;
 last.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity="+alfa+")";
 last.style.filter= "alpha(opacity="+alfa+")";

 if ((alfa-step)>0){
   setTimeout("animate('"+tagId+"',"+(alfa-step)+","+step+");",100);
 }else{
  next.style.opacity= 1;
  next.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  next.style.filter= "alpha(opacity=100)";
  tmp = last;
  div.removeChild(last);
  div.insertBefore(tmp,items[0]);
  tmp.style.opacity= 1;
  tmp.style.filter= "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  tmp.style.filter= "alpha(opacity=100)";

  setTimeout( "slideSwitch('"+tagId+"',1000)", 8000 );
 }
}
function slideSwitch(tagId,speed){
 div = document.getElementById('slideshow');
 if (div.style.visibility!="visible"){
	  div.style.visibility = "visible";
 }
 items = div.getElementsByTagName('img');
 if (items.length>0){
  animate(tagId,100,10);
 }
}
setTimeout( "slideSwitch('slideshow',1000);",2000 );
</script>
<div id="slide-container">
 <div id="slideshow">
 <a href="kartinki/1.jpg"><img src="kartinki/1.jpg" alt="" width="722" height="224" border="0"  style="border:3px solid #666666"/></a>
 <a href="kartinki/2.jpg"><img src="kartinki/2.jpg" width="722" height="224" border="0" style="border:3px solid #666666"/></a>
 <a href="kartinki/3.jpg"><img src="kartinki/3.jpg" width="722" height="224" border="0" style="border:3px solid #666666"/></a> </div>
</div>
  </tr>
</table>
<table width="828">
  <tr></tr>
</table>
<table width="828" border="0" align="center">
  <tr></tr>
</table>
<table width="806" border="0" cellpadding="0" cellspacing="0" >
  <tr>
	<td width="132"><div align="center"><img src="about.jpg" width="116" height="34" alt="aftor" /></div></td>
	<td width="131"><div align="center"><img src="gallery.jpg" width="122" height="36" alt="galllery" /></div></td>
	<td width="121"><div align="center"><img src="books.jpg" width="104" height="36" alt="book" /></div></td>
	<td width="137"><div align="center"><img src="magazin.jpg" width="126" height="36" alt="magazin" /></div></td>
	<td width="131"><div align="center"><img src="chto novogo.jpg" width="126" height="36" alt="chto nov" /> </div></td>
	<td width="150"><div align="center"><img src="contacts.jpg" width="128" height="34" alt="contacts" /></div></td>
  </tr>
</table>
<table width="837">
  <tr>
	<td width="827"><table width="788">
	  <tr>
		<td><div align="center"><p style="padding-left:5px">Изображение на этом сайте- собственность Коновалова Максима,защищенные Российским законодательством
об авторском праве.Копирование,сохранение,загрузка цифровых файлов,печать,управление или 
репродуцирование без предварительного письменного разрешения
Коновалова Максима строго запрещено и составило бы нарушение авторского права..</p> </div></td>
	  </tr>
	</table></td>
  </tr>
</table>
</body>
</html>


Учитесь правильно использовать теги.
Использование верхнего регистра в заголовках крайне нежелательно

Сообщение изменено: OverDoze (31 июля 2009 - 15:07 )

  • 0

#2 Mr. D

Mr. D
  • Пользователь
  • 77 сообщений

Отправлено 31 июля 2009 - 15:02

все <img src="***" исправь на <img src="./***"
по идее должно работать + смотри что бы с папками всё норм было, т.е. что бы картинки about.jpg, галлери.джпг и т.п. были в одной папке со скриптом, а kartinki/1.jpg соответственно в подпапке "kartinki"

Сообщение изменено: Mr. D (31 июля 2009 - 15:02 )

  • 0
I'm not a magician - I can't fix stupid.