- Javascript slideshow
WT форуми -> HTML / Javascript / CSS -> Javascript slideshow
Създайте нова тема Напишете отговор 
Автор Съобщение
perer
Редовен
Редовен

Регистриран на: 09/04/2007 4:52 pm

Support: 50
Bonus: 363
Мнения: 1455
Мнение 29/06/2010 3:21 pm     Javascript slideshow Отговорете с цитат


Здравейте!
Някой може ли да ми даде Java Script за слайдшоу със снимки от дадена папка. Искам всички снимки от папката да се въртят. Smile

Благодаря!
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
myro
Нов
Нов

Регистриран на: 18/06/2010 8:43 am

Support: 2
Bonus: 4
Мнения: 17
Мнение 29/06/2010 6:49 pm      Отговорете с цитат


Доколкото ми е известно това само с JS няма да стане. Ако нямаш нищо против да включиш и малко PHP, мога да ударя едно рамо Smile
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
perer
Редовен
Редовен

Регистриран на: 09/04/2007 4:52 pm

Support: 50
Bonus: 363
Мнения: 1455
Мнение 29/06/2010 6:51 pm      Отговорете с цитат


Ами, да нямам проблем да включа PHP Smile

Много ще съм ти благодарен!
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
myro
Нов
Нов

Регистриран на: 18/06/2010 8:43 am

Support: 2
Bonus: 4
Мнения: 17
Мнение 29/06/2010 8:40 pm      Отговорете с цитат


<body>
<img id="myPictureId" src="" alt=""/>
<?php
$arrayElem = '';
$dir = opendir('.');
while ($file = readdir($dir)){
   if($file == '.' || $file == '..'){continue;}
   $info = explode('.', $file);
   $file_ext = strtolower($info[count($info)-1]);
   if($file_ext == 'jpg' || $file_ext == 'jpeg' || $file_ext == 'png' || $file_ext == 'gif'){
      if(!$arrayElem){$arrayElem = "'$file'";}
      else{$arrayElem .= ",'$file'";}
   }
}
closedir($dir);
?>
<script type="text/javascript">
   var oPicture = document.getElementById('myPictureId');
   var nInterval = 1000;
   var pictureList = new Array(<?php echo $arrayElem;?>);
   var index = -1;
   var oInterval = null;

   function sshow(){
      oInterval = setInterval("slideshow()", nInterval);
   }

   function slideshow(){
      index++;
      if (index == pictureList.length){
         index = 0;
      }
      oPicture.src = pictureList[index];
   }
   sshow();
</script>
</body>

Това е съвсем базов вариант, който можеш да си пригодиш според нуждите.
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
perer
Редовен
Редовен

Регистриран на: 09/04/2007 4:52 pm

Support: 50
Bonus: 363
Мнения: 1455
Мнение 29/06/2010 9:26 pm      Отговорете с цитат


Добавих папката и още един формат, но нищо не излиза
Нещо друго трябва ли да направя? Razz
Ето как стана:
<img id="myPictureId" src="" alt=""/>

<?php
$arrayElem = '';
$dir = opendir('images/Pictures');
while ($file = readdir($dir)){
   if($file == '.' || $file == '..'){continue;}
   $info = explode('.', $file);
   $file_ext = strtolower($info[count($info)-1]);
   if($file_ext == 'jpg' || $file_ext == 'JPG' || $file_ext == 'jpeg' || $file_ext == 'png' || $file_ext == 'gif'){
      if(!$arrayElem){$arrayElem = "'$file'";}
      else{$arrayElem .= ",'$file'";}
   }
}
closedir($dir);
?>
<script type="text/javascript">
   var oPicture = document.getElementById('myPictureId');
   var nInterval = 1000;
   var pictureList = new Array(<?php echo $arrayElem;?>);
   var index = -1;
   var oInterval = null;

   function sshow(){
      oInterval = setInterval("slideshow()", nInterval);
   }

   function slideshow(){
      index++;
      if (index == pictureList.length){
         index = 0;
      }
      oPicture.src = pictureList[index];
   }
   sshow();
</script>
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
myro
Нов
Нов

Регистриран на: 18/06/2010 8:43 am

Support: 2
Bonus: 4
Мнения: 17
Мнение 29/06/2010 9:35 pm      Отговорете с цитат


Това strtolower($info[count($info)-1]) обезсмисля това $file_ext == 'JPG'.
А проблема ти мисля че е тук
oPicture.src = 'images/Pictures/'+pictureList[index];
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
perer
Редовен
Редовен

Регистриран на: 09/04/2007 4:52 pm

Support: 50
Bonus: 363
Мнения: 1455
Мнение 29/06/2010 9:40 pm      Отговорете с цитат


Супер, стана!
Много ти благодаря!
Направи го на урок Wink Question
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
myro
Нов
Нов

Регистриран на: 18/06/2010 8:43 am

Support: 2
Bonus: 4
Мнения: 17
Мнение 29/06/2010 10:06 pm      Отговорете с цитат


Не мога - още съм ученик Smile
Върнете се в началото
Вижте профила на потребителя Изпратете лично съобщение Посетете сайта на потребителя
Покажи мнения от преди:    
Създайте нова тема   Напишете отговор    web-tourist.net Форуми -> HTML / Javascript / CSS Часовете са според зоната GMT + 3 Часа
Страница 1 от 1
Докладвай нарушение в тази тема


 
Идете на:  
Не Можете да пускате нови теми
Не Можете да отговаряте на темите
Не Можете да променяте съобщенията си
Не Можете да изтривате съобщенията си
Не Можете да гласувате в анкети