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



Установка 2 одинаковых скриптов на 1 странице

#1

Поделиться сообщением #1



volkan

volkan
  • Неактивные
  • 10 сообщений
  • Репутация: 0
0

Отправлено 03 Июнь 2013 - 14:25

Всем привет. Имеется простой скрипт фотогалереи. Необходимо на одной странице разместить несколько таких блоков с галереями. Каждая из них должна содержать свои фото и управляться независимо от нажатий на кнопки в других галереях. Подскажите, пожалуйста, как придать каждому скрипту уникальность, чтобы он не зависел от других?

Сам скрипт:
<?php
/**
* Класс фото-галереи на сайт
*/
class Gallery {
	public function getGallery() {
		//Выбираем все содержимое папки images, и записываем из в массив $files
		$files = scandir("images/");
		$gallery_files = array();
		foreach ($files as $key => $value) { //Проходим по массиму
			//Проверяем файл или нет, если файл, то:
			if (filetype("images/" . $value) == "file") {
				$gallery_files[] = $value;  //Записываем в массив
			}
		}
		return $gallery_files; //Возвращаем массив
	}
}
$obj = new Gallery();
$gallery = $obj->getGallery();
?>
<img src="" alt="" id="gallery" />
<div id="number_img"></div>
<a href="javascript:void(0)" onclick="backImg(); this.blur();">Назад</a> /
<a href="javascript:void(0)" onclick="nextImg(); this.blur();">Вперед</a>

<script type="text/javascript">
	var images = new Array();
	var current_image_key = 0; //Переменная содержит номер текущей фотографии
<?php
foreach ($gallery as $key => $file) { //Проходим по всем фотографиям
	echo "images[$key] = new Image();nr"; //Создаем новый объект Images
	echo "images[$key].src = './images/$file';nr"; //Записываем путь к фотографии
}
?>
/**
* Функция обновляет текущее изображение, и его номер
*/
function refreshImage() {
	//Изменяем изображение на текущее
	document.getElementById("gallery").src = images[current_image_key].src;
   //Изменяем надпись под изображением
	document.getElementById("number_img").innerHTML =
		(current_image_key+1) + " из " + images.length
}
/**
* Следующая фотография
*/
function nextImg() {
	current_image_key++; //Увеличиваем текущую фотографию на 1
   //Если достигнут конец, то делаем первую фотографию текущей
	if (current_image_key >= images . length) current_image_key = 0;
	refreshImage(); //Обновляем фотографию
}
/**
* Предыдущая фотография
*/
function backImg() {
	current_image_key--; //Уменьшаем текущую фотографию на 1
   //Если достигнуто начало, то делаем последнюю фотографию текущей
	if (current_image_key < 0) current_image_key = images . length - 1;
	refreshImage(); //Обновляем фотографию
}
refreshImage(); //Обновляем фотографию
</script>

 

 

  • 0

robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Ищу скрипт комментариев на сайт
  2. Не работают два скрипта на одной странице.
  3. Пожалуйста помогите поставить два скрипта на одну страницу
  4. Скрипт для шахматного сайта
  5. Скрипт smm сервиса


Оформление форума – IPBSkins.ru