Klassische Bildergalerie

[lubino]

Hallo zusammen,

Ihr kennt es bestimmt, da wollt ihr einen Code in eine Webseite einbauen und wisst ganz genau das es diesen Code auch gibt. Doch nach langen Suchen stellt sich nur Frust ein.

Hier zu meiner Beschreibung was die Galerie können soll:

- Bilder aus einen Verzeichniss ausgabe

function change(tausch_bild_name,neues_bild_name)
{
window.document[tausch_bild_name].src = "BILDER/"+neues_bild_name+".jpg";

}

- Weiter klicken mit vor und zurück Link

function gallery()
{
if (i == 1)
document.getElementById('previous').value=""
}

function previmg()
{
if (i != 1)
{
i --
document.img.src = images[i]
document.getElementById('next').value = "Nächstes >"
}
if (i == 1)
document.getElementById('previous').value=""
}


function pickrand()
{
var rand1 = Math.round( (AnzPic-1) * Math.random()) + 1;
document.img.src = images[rand1]
i = rand1
if (i == 1)
document.getElementById('previous').value="";
else
document.getElementById('previous').value="< Vorheriges";

if (i == 6)
document.getElementById('next').value="";
else
document.getElementById('next').value="N&auml;chstes >";
}

function firstimg()
{
i = 1
document.img.src = images[i];
document.getElementById('previous').value=" ";
document.getElementById('next').value="N&auml;chstes >"
}

function lastimg()
{
i = AnzPic
document.img.src = images[i];
document.getElementById('next').value=" "
document.getElementById('previous').value="< Vorheriges";
}

function nextimg()
{
if (i != AnzPic)
{
i ++;
document.img.src = images[i];
document.getElementById('previous').value="< Vorheriges";
}

if (i ==AnzPic)
document.getElementById('next').value="";

}

- Text austausch bei Bild wechel
- Zurücklink (<<) soll beim Start unsichtbar sein, genauso der Vorwärtslink beim Ende (>>)


Ich hoffe Ihr könnt mir weiterhelfen. Danke!

 

[Maik]

Hi,

und wobei benötigst du nun konkret Hilfe?

Fehlen dir noch zwei Scripts in der Sammlung für:

- Text austausch bei Bild wechel
- Zurücklink (<<) soll beim Start unsichtbar sein, genauso der Vorwärtslink beim Ende (>>)

oder woran hängt es genau?

mfg Maik

 

[lubino]

Richtig, daran hängt es noch. Beziehungsweise die Galerie als ganzen Code.

Ist es theoretisch auch möglich, das sich nach dem letzten Bild sich ein Video
einblendet wird oder auf eine andere Seite verwiesen wird?

Danke für die schnelle Antwort.

 

[lubino]

Ich habe jetzt einen Script gefunden mit dem ich soweit sehr zufreiden bin.
Nun möchte ich ihn so programmieren das es keine Wiederholung gibt,
sondern nach dem 5. Bild endet. Mir ist wichtig das am Anfang "zück" und am ende "vor" ausgeblendet sind. ist das möglich?

<script type="text/javascript" language="JavaScript">
<!-- Begin

// Zufallsbild- + Blätternscript - W. Jansen web-toolbox

var Anzahl = 5;            // Anzahl der Fotos
var zufall = "nein";       // zufallsbild ja / nein
var Startzahl= 0;
var bildsrc="";
var bild_text="";


today=new Date();
wj_zufall=today.getTime();
var ia=9301;
var ic=49297;
var im=233280;
wj_zufall = (wj_zufall*ia+ic) % im;


// Unterscheidung Start mit Zufallsbild oder Bild 1
if(zufall == "ja") {
Zahl = (Math.ceil( (wj_zufall/(im*1.0)) * Anzahl)) - 1;
} else {
Zahl = Startzahl;
}


var AlleFotos = new Array();
var ZeileEins = new Array();


AlleFotos[0] = new Image();
AlleFotos[0].src = "1.jpg";
ZeileEins[0] = "Text1";


AlleFotos[1] = new Image();
AlleFotos[1].src = "2.jpg";
ZeileEins[1] = "Text2";


AlleFotos[2] = new Image();
AlleFotos[2].src = "3.jpg";
ZeileEins[2] = "Text3";



AlleFotos[3] = new Image();
AlleFotos[3].src = "4.jpg";
ZeileEins[3] = "Text4";


AlleFotos[4] = new Image();
AlleFotos[4].src = "5.jpg";
ZeileEins[4] = "Text5";

function FotoVor() {
if(Zahl >= Anzahl-1) {
Zahl = 0;
} else {
Zahl = Zahl + 1;
}
document.getElementById("foto01").src = AlleFotos[Zahl].src;
document.getElementById("text01").value = ZeileEins[Zahl];

return
}
function FotoZurueck() {
if(Zahl == 0) {
Zahl = Anzahl-1;
} else {
Zahl = Zahl - 1;
}
document.getElementById("foto01").src = AlleFotos[Zahl].src;
document.getElementById("text01").value = ZeileEins[Zahl];
return
}
function StartShow01A() {
document.getElementById("foto01").src = AlleFotos[Zahl].src;
document.getElementById("text01").value = ZeileEins[Zahl];

return
}
setTimeout('StartShow01A()',500);

//  End -->
</script>
</head>
<body>
<img class="bildrand" name="foto01" id="foto01" src="1.jpg" alt="" width="676" border="0" height="504">
<form>
<input style="border: 0px none ; " id="text01" name="text01" value="" type="text

</form>
<a onfocus="if(this.blur)this.blur()" href="javascript:FotoZurueck()">zurück</a> <a onfocus="if(this.blur)this.blur()" href="javascript:FotoVor()">vor</a>