Скрипт слайдшоу

31 января 2012 г.

Скрипт слайдшоу

Здравствуйте, некорректно отображается скрипт Highslide. Вот его код в head:

<script type="text/javascript" src="http://ventanakazan.ru/highslide/highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="http://ventanakazan.ru/highslide/highslide/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'http://ventanakazan.ru/highslide/highslide/graphics/';
hs.wrapperClassName = 'wide-border';
</script>

А вот весь код в <head>:

<head>
   <title><?php $kernel->show_title()?></title>
   <meta name="description" content="<?php $kernel->show_description()?>"></meta>
   <meta name="keywords" content="<?php $kernel->show_keywords()?>"></meta>
   <meta content="text/html; charset=<?php echo SITE_CODING?>" http-equiv="Content-Type"></meta>
   <?php $kernel->show_CSS()?>
   <link rel="stylesheet" type="text/css" href="/hostcmsfiles/style.css" />
   <link rel="alternate" type="application/rss+xml" title="RSS Feed" href="/news/rss/" />

   
   <script type="text/javascript" src="/hostcmsfiles/jquery/jquery.js"></script>
   
   <script type="text/javascript" src="/hostcmsfiles/jquery/jquery.validate.js"></script>
   
   <script type="text/javascript" src="/hostcmsfiles/jquery/lightbox/js/jquery.lightbox.js"></script>
   <link rel="stylesheet" type="text/css" href="/hostcmsfiles/jquery/lightbox/css/jquery.lightbox.css" media="screen" />

   <script type="text/javascript" src="/templates/template1/hostcms.js"></script>
   <script type="text/javascript" src="/hostcmsfiles/ajax/JsHttpRequest.js"></script>
   <script type="text/javascript" src="/hostcmsfiles/ajax/ajax.js"></script>
   <script type="text/javascript" src="/hostcmsfiles/main.js"></script>

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script>
$(document).ready(function() {

   //select all the a tag with name equal to modal
   $('a[name=modal]').click(function(e) {
      //Cancel the link behavior
      e.preventDefault();

      //Get the A tag
      var id = $(this).attr('href');

      //Get the screen height and width
      var maskHeight = $(document).height();
      var maskWidth = $(window).width();

      //Set heigth and width to mask to fill up the whole screen
      $('#mask').css({'width':maskWidth,'height':maskHeight});

      //transition effect
      $('#mask').fadeIn(1000);
      $('#mask').fadeTo("slow",0.8);

      //Get the window height and width
      var winH = $(window).height();
      var winW = $(window).width();

      //Set the popup window to center
      $(id).css('top',  winH/2-$(id).height()/2);
      $(id).css('left', winW/2-$(id).width()/2);



      //transition effect
      $(id).fadeIn(2000);

   });

   //if close button is clicked
   $('.window .close').click(function (e) {
      //Cancel the link behavior
      e.preventDefault();

      $('#mask').hide();
      $('.window').hide();
   });

   //if mask is clicked
   $('#mask').click(function () {
      $(this).hide();
      $('.window').hide();
   });

});

</script>
<style>
#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}

#boxes .window {
  position:fixed;
  left:0;
  top:0;
  width:450px;
  height:350px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:450px;
  height:350px;
  padding:10px;
  background-color:#ffffff;
} </style>

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

   <script type="text/javascript">
   $(function() {
      $('#gallery a:has(img)').lightBox();

      //Предварительная загрузка изображений
      $.preLoadImages("/images/red_grad.gif",
            "/images/top_menu_l.gif",
            "/images/top_menu_r.gif");
   });
   </script>


<script type="text/javascript" src="http://ventanakazan.ru/slider/js/jquery.js"></script>
   <script type="text/javascript" src="http://ventanakazan.ru/slider/js/easySlider1.5.js"></script>
   <script type="text/javascript">
      $(document).ready(function(){
         $("#slider").easySlider({
            auto: true,
            continuous: true
         });
      });
   </script>

<style type="text/css">

/* Easy Slider */

   #slider{}
   #slider ul, #slider li{
      margin:0;
      padding:0;
      list-style:none;
      }
   #slider li{
      /*
         define width and height of list item (slide)
         entire slider area will adjust according to the parameters provided here
      */
      width:798px;
      height:252px;
      overflow:hidden;
      }

/* // Easy Slider */


<script type="text/javascript" src="http://ventanakazan.ru/highslide/highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="http://ventanakazan.ru/highslide/highslide/highslide.css" />
<script type="text/javascript">
   hs.graphicsDir = 'http://ventanakazan.ru/highslide/highslide/graphics/';
   hs.wrapperClassName = 'wide-border';
</script>

</style>

</head>

Возможно, что-то конфликтует с чем-то. Но я не смог самостоятельно разобраться. Подскажите, пож.

31 января 2012 г.

Re: Скрипт слайдшоу

minimaldesignstudio, мы не консультируем по работе сторонних скриптов. Можно предположить, что ваши скрипты конфликтуют со скриптом из файла /hostcmsfiles/jquery/jquery.js. Единственный выход из этого - отключить либо наши скрипты, либо ваши, т.к. консультаций по их изменению с целью устранения конфликта мы не даем.
См. http://www.hostcms.ru/forums/22/2075/

Авторизация