Что-то типа галереи

BleSSeD · 13.06.2008, 12:20

http://news.yahoo.com/nphotos/Hurric...46ca59e1fabb8f

Как сделать так,как в левом верхнем углу? чтобь была картинка,а по щелчку по клавише меналась на другую.понятно,что ето джава скрипт.кто-то про что-то такое читал?

GLUK · 13.06.2008, 12:40

Поюзайте поиск по форуму. Такой вопрос уже был. Напишите мне в личку я вам дам ссылку на скрипт, который я делал, то что вам нужно там сами посмотрите.

BleSSeD · 13.06.2008, 17:13

Я написал в личку. Но насчет "Поюзайте поиск по форуму. Такой вопрос уже был",то в етом разделе 50 страниц.как мне найти?я не знаю критериев поиска,или как там когда-то назвали ету тему.

Добавлено через 3 часа 13 минут

GLUK, спасибо за личку,а не подскажете,где такая тема уже обсуждалась?

Newfelix · 13.06.2008, 21:42

vov4yk, там вообще-то Ajax...
Это Вам надо читать прилично, что бы такое сделать!
ну попросите Гугл вам обьяснить, он доообрый...

GLUK · 13.06.2008, 22:53

Я дал ему 2 решения на JS.

BleSSeD · 14.06.2008, 12:35

Есть такой код:

Цитата:

<html>
<head>
<title>Картинко</title>
</head>
<body onload="cImg('more')">
<div style="text-align:center;"><a onclick="cImg('fever')" href="#"><<</a> | <a onclick="cImg('more')" href="#">>></a></div>
<div style="text-align:center;"><img id="img"/></div>
<script type="text/javascript">
var c=0, max=3;
function cImg(action){
var cur;
if(action=='more'){
cur = c+1;
} else{
cur = c-1;
}
if(cur>0 && cur<=max){
if(action=='more'){
c++;
} else{
c--;
}
document.getElementById('img').src="i/pic"+cur+".jpg";
}
}
</script>
</body>
</html>

А как сделать,чтобы ети картинки были однокового размера,а то сейчас оно их отображает в полный размер.Как их уменшить на странице?

Snig · 14.06.2008, 12:48

В код не вчитывался но похоже что
#img{
height: значение;
width: зачение;
}

Newfelix · 14.06.2008, 12:55

vov4yk, если у Вас ограниченное колличество картинок в галлереи, то можно и указать каждой:

height: значение;
width: зачение;

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

вместе с этим
document.getElementById('img').src="i/pic"+cur+".jpg";

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

Асмодиан · 15.06.2008, 15:35

AJAX тут необязателен впринципе...
можно на php сгенерить javascript - массив картинок, и подставлять их в
img.src...
Хотя лучше использовать ajax...

BleSSeD · 16.06.2008, 11:55

А как вам ето?Ето DHTML. Работает только в ИЕ

Цитата:

<html>
<head>
<title>BleSSeD</title>
<script language="JavaScript1.1">

var photos=new Array()
var photoslink=new Array()
var which=0

//define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)
photos[0]="1.jpg"
photos[1]="2.jpg"
photos[2]="3.jpg"
photos[3]="4.jpg"
photos[4]="butterfly.gif"

//Specify whether images should be linked or not (1=linked)
var linkornot=0

//Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"
photoslink[0]=""
photoslink[1]=""
photoslink[2]=""
photoslink[3]=""
photoslink[4]=""

//do NOT edit pass this line

var preloadedimages=new Array()
for (i=0;i<photos.length;i++){
preloadedimages[i]=new Image()
preloadedimages[i].src=photos[i]
}

function applyeffect(){
if (document.all){
photoslider.filters.revealTrans.Transition=Math.fl oor(Math.random()*23)
photoslider.filters.revealTrans.stop()
photoslider.filters.revealTrans.apply()
}
}

function playeffect(){
if (document.all)
photoslider.filters.revealTrans.play()
}

function keeptrack(){
window.status="Image "+(which+1)+" of "+photos.length
}

function backward(){
if (which>0){
which--
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}

function forward(){
if (which<photos.length-1){
which++
applyeffect()
document.images.photoslider.src=photos[which]
playeffect()
keeptrack()
}
}

function transport(){
window.location=photoslink[which]
}

</script>

</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" height="22"><center>
<script>
if (linkornot==1)
document.write('<a href="javascript:transport()">')
document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23 )" width=1000 border=0>')
if (linkornot==1)
document.write('</a>')
</script>
</center></td>
</tr>
<tr>
<td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">НАЗАД</a></td>
<td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">ВПЕРЕД</a></td>
</tr>
</table>

</body>
</html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Галереи фотографий	ALEXSTAR	Кальянная	2	21.07.2011 08:10
галереи	Volkodavteua	HTML, CSS, JavaScript	2	29.11.2009 22:47
Скрипт галереи	Fazzz	HTML, CSS, JavaScript	1	17.09.2008 09:35
Нужен скрипт галереи	Silver	ASP, Perl, PHP и MySQL	7	09.09.2005 11:56
Типа картинки... Типа посмотрите...	Web	Растровая графика	5	15.03.2004 09:20

13.06.2008, 12:20	#1
BleSSeD	http://news.yahoo.com/nphotos/Hurric...46ca59e1fabb8f Как сделать так,как в левом верхнем углу? чтобь была картинка,а по щелчку по клавише меналась на другую.понятно,что ето джава скрипт.кто-то про что-то такое читал?

13.06.2008, 12:40	#2
GLUK	Поюзайте поиск по форуму. Такой вопрос уже был. Напишите мне в личку я вам дам ссылку на скрипт, который я делал, то что вам нужно там сами посмотрите.

13.06.2008, 17:13	#3
BleSSeD	Я написал в личку. Но насчет "Поюзайте поиск по форуму. Такой вопрос уже был",то в етом разделе 50 страниц.как мне найти?я не знаю критериев поиска,или как там когда-то назвали ету тему. Добавлено через 3 часа 13 минут GLUK, спасибо за личку,а не подскажете,где такая тема уже обсуждалась? Последний раз редактировалось BleSSeD; 13.06.2008 в 17:13.. Причина: Добавлено сообщение

13.06.2008, 21:42	#4
Newfelix	vov4yk, там вообще-то Ajax... Это Вам надо читать прилично, что бы такое сделать! ну попросите Гугл вам обьяснить, он доообрый...

13.06.2008, 22:53	#5
GLUK	Я дал ему 2 решения на JS.

14.06.2008, 12:48	#7
Snig	В код не вчитывался но похоже что #img{ height: значение; width: зачение; }

14.06.2008, 12:55	#8
Newfelix	vov4yk, если у Вас ограниченное колличество картинок в галлереи, то можно и указать каждой: height: значение; width: зачение; ну а если это требуется автоматизировать как-то, то лучше определять в скрипте настоящие размеры картинки и уменьшать её пропорционально, как это сделано во многих скриптах фотогаллереи... вместе с этим document.getElementById('img').src="i/pic"+cur+".jpg"; вам надо будет изменять также, как и адресс картинки, только height и width для каждой. а вообще, покажите пример, что ли, как Вы это реализовываете.

15.06.2008, 15:35	#9
Асмодиан	AJAX тут необязателен впринципе... можно на php сгенерить javascript - массив картинок, и подставлять их в img.src... Хотя лучше использовать ajax...