Слайдшоу для картинок из папки

@proset · Регистрация: 23.12.2009

Студворк — интернет-сервис помощи студентам

Итак,для главной страницы своего сайта мне хотелось бы сделать какую-нибудь примочку,связанную с картинками,скажем,чтобы картинки из папки i на сайте рандомно появлялись в специально отведенном блоке...еще лучше,чтобы они бегали или менялись по истечении времени (но впринципе не обязательно),обращаюсь я сюда только потому что абсолютно не шарю в js и впринципе любой даже самый простой вариант оформления меня устроит...сайт мой сделан на пхп

@Wizout · 13.08.2012, 18:46

я думаю с такой просьбой лучше на фрилансе написать

@proset · 13.08.2012, 20:20 **[ТС]**

Сообщение от Wizout

я думаю с такой просьбой лучше на фрилансе написать

за деньги я и сам напишу,потрачу правда массу времени на изучение (а хотелось бы уже в ближайшее время запустить свой проект),я думал,мб у кого-нибудь есть готовые наработки по этому поводу...тем более я ничего сверхсложного не прошу...любая анимация с картинок из папки,бегущая строка или что-то в этом духе,спасибо за понимание

@Sulik78 · 13.08.2012, 20:36

proset, ну так а в чем проблема? на пхп получаете список картинок из папки. затем с помощью какого-нибудь jquery плагина выводите это в слайдер. достаточно будет знания азов php и jquery

@Wizout · 13.08.2012, 21:42

Сообщение от proset

за деньги я и сам напишу,потрачу правда массу времени на изучение (а хотелось бы уже в ближайшее время запустить свой проект),я думал,мб у кого-нибудь есть готовые наработки по этому поводу...тем более я ничего сверхсложного не прошу...любая анимация с картинок из папки,бегущая строка или что-то в этом духе,спасибо за понимание

если бы вы сами делали, и попросили бы помочь найти ошибку и объяснить почему не работает, то думаю помогли бы, но просто так писать скрипт и тратить время думаю никто не захочет

@proset · 13.08.2012, 22:46 **[ТС]**

Сообщение от Sulik78

proset, ну так а в чем проблема? на пхп получаете список картинок из папки. затем с помощью какого-нибудь jquery плагина выводите это в слайдер. достаточно будет знания азов php и jquery

так подождите...все что касается пхп прекрасно знаю и понимаю, а вот насчет красненькой фразы...как бы это помягче сказать...ну вообщем не по моей части,поэтому и обратился

@SaNeK_71 · 13.08.2012, 22:48

proset, уважаемый, моё сообщение Вам чем - нибудь помогло?

@proset · 13.08.2012, 22:51 **[ТС]**

Сообщение от SaNeK_71

proset, Клац

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

Добавлено через 1 минуту

Сообщение от SaNeK_71

proset, уважаемый, моё сообщение Вам чем - нибудь помогло?

завтра приду на работу и посмотрю ваш блог,если вы на него намекаете,отпишусь по результатам

@SaNeK_71 · 13.08.2012, 22:54

Клац-Клац

В рамке меняются изображения...

Добавлено через 2 минуты

Сообщение от proset

завтра приду на работу и посмотрю ваш блог,если вы на него намекаете,отпишусь по результатам

Странно конечно, но блога у меня никакого нет)) просто ищу что Вы просите на гугле и все)

@proset · 14.08.2012, 15:04 **[ТС]**

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<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/100;
 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+");",50);
 }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);
 }
}
//выжидаем пару секунд, чтобы картинки успели загрузиться... можно просто поставить на onload-событие последнего из рисунков
setTimeout( "slideSwitch('slideshow',1000);",2000 );
</script>

вот этот скрипт почему-то не работает,денвер пишет,что ошибка в 3й строке

@yotobo · 18.02.2014, 12:24

Вот наверное что тебе надо

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src="jquery.min.js"></script>
<img src="" alt="" id="slide_show">
<script type="text/javascript">
<?php
 $images = array();
 $folder = './images/';
 $array_to_js='var imgs=[';
 $all_files = scandir($folder);
 for ($i=2; $i<=sizeof($all_files)-1; $i++) { $array_to_js.='"'.$folder.$all_files[$i].'",'; }
 echo substr($array_to_js,0,-1).'];';
 ?>
 var n=0;
 var time=800;
 play=setInterval("chgImg()", 3000);
 function chgImg() {
 $('#slide_show').fadeOut(time, function() {
   $(this).attr('src', imgs[n]).fadeIn(time);
 });
 n++;
 if (n>=imgs.length) n=0;
 }
 </script>

все картинки берутся из папки images

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

@proset 12 / 12 / 0 Регистрация: 23.12.2009 Сообщений: 149

	Слайдшоу для картинок из папки 13.08.2012, 16:28. Показов 6290. Ответов 10 Метки нет (Все метки) Итак,для главной страницы своего сайта мне хотелось бы сделать какую-нибудь примочку,связанную с картинками,скажем,чтобы картинки из папки i на сайте рандомно появлялись в специально отведенном блоке...еще лучше,чтобы они бегали или менялись по истечении времени (но впринципе не обязательно),обращаюсь я сюда только потому что абсолютно не шарю в js и впринципе любой даже самый простой вариант оформления меня устроит...сайт мой сделан на пхп 0

@Wizout 37 / 37 / 6 Регистрация: 20.11.2011 Сообщений: 194
	13.08.2012, 18:46
	я думаю с такой просьбой лучше на фрилансе написать 0

@Sulik78 450 / 203 / 27 Регистрация: 23.12.2010 Сообщений: 645
	13.08.2012, 20:36
	proset, ну так а в чем проблема? на пхп получаете список картинок из папки. затем с помощью какого-нибудь jquery плагина выводите это в слайдер. достаточно будет знания азов php и jquery 0

@SaNeK_71 Прописан в интернете... 94 / 78 / 11 Регистрация: 06.04.2012 Сообщений: 345
	13.08.2012, 22:48
	proset, уважаемый, моё сообщение Вам чем - нибудь помогло? 0