Компьютерный форум
Правила
Вернуться   Компьютерный форум > Форум программистов > Веб-программирование > DHTML, JavaScript, VBScript
Перезагрузить страницу Скрипты.
Ответ
 
Опции темы Опции просмотра
  (#1 (permalink)) Старый
Nikiror Nikiror вне форума
Новичок
 
Сообщений: 1
Сказал(а) спасибо: 0
Поблагодарили 0 раз(а) в 0 сообщениях
Регистрация: 17.09.2011
По умолчанию Скрипты. - 17.09.2011, 16:52

Не работают 2 скрипта на одной странице: один просмотрщик фотографий, второй на автоматическую смену баннеров.
HTML Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="SHORTCUT ICON" href="images/favicon.ico" type="image/x-icon">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Школа № 25 </title>
<link href="style.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
 
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>

<script type="text/javascript" src="js/jquery.fancybox.js"></script>

<script type="text/javascript" src="js/jquery.pngFix.js"></script>

<script type="text/javascript" src="js/jquery.metadata.js"></script>
<link rel="stylesheet" type="text/css" href="fancy.css" />
<script type="text/javascript">
$(document).ready(function(){
   
    $("#gallery a").fancybox({
        hideOnContentClick: true,
        overlayShow: true,
        overlayOpacity: 0.5,
        zoomSpeedIn: 1500,
        zoomSpeedOut:600
    });

</script>
<script type="text/javascript">
$(document).ready(function() {

//Set Default State of each portfolio piece
$(".paging").show();
$(".paging a:first").addClass("active");

//Get size of images, how many there are, then determin the size of the image reel.
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;

//Adjust the image reel to its new size
$(".image_reel").css({'width' : imageReelWidth});

//Paging + Slider Function
rotate = function(){
var triggerID = $active.attr("rel") - 1; //Get number of times to slide
var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

$(".paging a").removeClass('active'); //Remove all active class
$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)

//Slider Animation
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );

};

//Rotation + Timing Event
rotateSwitch = function(){
play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
$active = $('.paging a.active').next();
if ( $active.length === 0) { //If paging reaches the end...
$active = $('.paging a:first'); //go back to first
}
rotate(); //Trigger the paging and slider function
}, 7000); //Timer speed in milliseconds (3 seconds)
};

rotateSwitch(); //Run function on launch

//On Hover
$(".image_reel a").hover(function() {
clearInterval(play); //Stop the rotation
}, function() {
rotateSwitch(); //Resume rotation
});

//On Click
$(".paging a").click(function() {
$active = $(this); //Activate the clicked paging
//Reset Timer
clearInterval(play); //Stop the rotation
rotate(); //Trigger rotation immediately
rotateSwitch(); // Resume rotation
return false; //Prevent browser jump to link anchor
});
});
</script>
</head>
<body onload="initialize1();initialize2()" onunload="GUnload()">
<div class="container">
 <div class="header1" >
</div>
 <script type="text/javascript">jquery.noConflict();</script>
    <!-- end .header1 -->
 <!-- #banner -->
<div id="banner" >
<div class="container2">
<div class="folio_block">
<div class="main_view">
<div class="window">
<div class="image_reel"><a href="#"><img src="images/banner1.png" alt="" /></a><a href="#"><img src="images/banner2.png" alt="" /></a>
<a href="#"><img src="images/banner3.png" alt="" /></a> <a href="#"><img src="images/banner4.png" alt="" /></a>
</div>
</div>
<div class="paging">
<a rel="1" href="#">1</a>
<a rel="2" href="#">2</a>
<a rel="3" href="#">3</a>
<a rel="4" href="#">4</a>
</div>
</div>
</div>
</div>
</div>
   <!--end .banner-->
  <div class="content" align="center">
 <!-- end #banner -->
<div id="collazh" id="collazh"  align="center">
<table width="804" display="inline">
<tr>
 <td width="192" height="140">
    <a href="images/full/x_8afac274.jpg"  rel="fancy-tour" title="Россия - Греция 1 : 0"><img src="images/x_8afac274.jpg" width="191" height="136" alt="Фото номер 1" /></a></td>

<td height="140"><a href="images/full/x_d0a40845.jpg" ><img src="images/x_d0a40845.jpg" alt="фото" width="191" height="136" align="middle"></a></td>
    <td width="200"><a href="images/full/x_85c7be63.jpg" ><img src="images/x_85c7be63.jpg" alt="фото" width="195" height="136" align="middle"></a></td>
 
  <td width="199"><a  href="images/full/x_f773c286.jpg"><img src="images/x_f773c286.jpg" alt="фото" width="195" height="136" align="middle" ></a></td>
</tr>  
<tr>
    <td colspan="4">
 <hr width="800px" color="#006666">

 <hr width="800px" color="#006666">
 <!-- #collazh --></td>  
</tr>
<tr>
 <td width="193"> <a href="images/full/x_bfa1a24b.jpg" ><img src="images/x_bfa1a24b.jpg" alt="фото" width="191" height="136" align="middle"></a></td>
    <td><a href="images/full/x_787ef0c1.jpg" ><img src="images/x_787ef0c1.jpg" alt="фото" width="201" height="136" align="middle"></a></td>
    <td><a href="images/full/x_2a711d35.jpg" ><img src="images/x_2a711d35.jpg" alt="фото" width="189" height="137" align="middle"></a></td>
    <td><a href="images/full/x_bbd55691.jpg" ><img src="images/x_bbd55691.jpg" alt="фото" width="199" height="140" align="middle"></a></td>
  </tr>
</table>    
 <!-- end #collazh -->   </div>
 
  <!-- end .content --></div>
  <div class="footer" visibility="visible">

<div class="footer2">
  </div>
  <!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>
Ответить с цитированием
Ads
Ответ

Опции темы
Опции просмотра

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Вкл.
Pingbacks are Вкл.
Refbacks are Выкл.


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
скрипты сайтов Dram Веб-программирование 3 06.02.2011 19:46
Небольшие скрипты AD Мысли вслух 1 13.08.2009 18:47
Скрипты на vbs как с ними работать Horror Visual Basic 0 26.12.2008 12:41
PHP скрипты в базе MySQL cpper PHP 15 04.02.2008 12:51
скрипты Кошмар Офтопик 18 21.02.2007 17:58
Скрипты на C++ как их писать Desolator С/С++ 2 05.04.2006 16:43
Скрипты на заказ zest Работа 0 07.08.2005 06:50
Надо расшифровать скрипты Poka Perl 1 29.07.2005 15:51
Напишу скрипты на PHP Anonymous Работа 0 29.09.2004 04:03
Продаю скрипты Strike Работа 1 17.09.2004 10:02
Скрипты cgi на C++ seryik С/С++ 3 16.03.2004 21:29
ASP.NET как писать скрипты imported_Random ASP 1 30.10.2003 12:15



Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Нardforum.ru - компьютерный форум и программирование, форум программистов