Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.07.2011 um 11:36 (UTC)    
Titel: [erledigt] brauche dringend Diashow !!!!

Ich suche schon seit einer Stunde nach einem HTML-Code für eine Diashow. Ich will einfach drei oder vier Bilder im Abstand von 2 Sekunden anzeigen. Natürliche sollen das 1. Bild beispielsweise das 2. Bild ersetzten einfach einen HTML-Code bitte und kein Link!

Danke im Voraus

admira-fans


Zuletzt bearbeitet von admira-fans am 08.07.2011, 11:04, insgesamt 3-mal bearbeitet
Beitrag05.07.2011 um 17:43 (UTC)    
Titel: hab was für dich

hallöle,

schau mal, den code habe ich hier mal im forum gefunden und bin gerade dabei, ihn im meine hp einzubauen. allerdings weis ich selbst noch nicht, wie ich z.b. meine bilder beschriften soll.

aber versuch doch erstmal das,

viele grüße jörg


<p align="center"><img border="0" alt="" width="460" src="http://img.....jpg" /> <script type="text/javascript">
<!--
var b = new Array();

b[0] = new Image();
b[0].src = "http://img.....jpg";

b[1] = new Image();
b[1].src = "http://img.....jpg";

b[2] = new Image();
b[2].src = "http://img.....jpg";

b[3] = new Image();
b[3].src = "http://img.....jpg";

b[4] = new Image();
b[4].src = "http://img.....jpg";

b[5] = new Image();
b[5].src = "http://img.....jpg";

b[6] = new Image();
b[6].src = "http://img.....jpg";



var n = 6; // hier steht die Anzahl der Bilder minus 1
var i = -1;
var t = 3000; // Bilderwechsel in Millisekunden
var f = 0;
var z = document.images.length - 1;

function GG()
{
i ++;
if(i > n) i = 0;
document.images[z].src = b[i].src;
}

function delay()
{
if(f == 0) GG();
window.setTimeout("delay()",t);
}

delay();
//-->
</script><br />
<br />
<spanonMouseOver="status='';return true;" onFocus="this.blur();" onMouseDown="javascript:f=1;"><img border="0" alt="h&auml;lt die Bildershow an" width="100" height="70" style="cursor: hand" src="http://pause....gif" /></span>

<span onMouseOver="status='';return true;" onFocus="this.blur()" onMouseDown="javascript:f=0;"><img border="0" alt="setzt die Bildershow fort" width="15" height="15" style="cursor: hand" src="stop.gif" /></span>

<span onMouseOver="status='';return true;" onFocus="this.blur()" onMouseDown="GG();"><img border="0" alt="zeigt das n&auml;chste Bild" width="15" height="15" style="cursor: hand" src="http://www...../pfeil_nach_rechts.gif" /></span></p>
______________
Beitrag05.07.2011 um 17:48 (UTC)    
Titel: Re: hab was für dich

einetaler hat Folgendes geschrieben:
hallöle,

allerdings weis ich selbst noch nicht, wie ich z.b. meine bilder beschriften soll.



Nimm doch ein Grafikprogramm und eines deiner Bilder und schreib dann den Text drauf. Dann lädst du das bild hoch und fügst die URL im Code ein
______________
Gruß Pexxi
Beitrag15.01.2012 um 20:22 (UTC)    
Titel:

Hallo
Entschuldigung, dieser Beitrag ist zwar schon ein wenig älter, wollte aber auch eine Slideshow haben, habe es auch mit dem Code von oben auch geschafft, nur würde ich anstatt 6 Bilder, 10 oder sogar 20 Bilder zeigen, nur habe ich ein paar mal versucht, mehrere Bilder einzufügen, leider ohne erfolg.
Jetzt meine frage dazu, wie könnte ich hier den Code so ändern, damit ich auch mehrer Bilder zeigen kann.

Ich bedanke mich im vorraus, für die nette Hilfe

Liebe Grüße, Patrick Wink

Hier nochmals den Code, von oben:

<p align="center"><img border="0" alt="" width="460" src="http://img.....jpg" /> <script type="text/javascript">
<!--
var b = new Array();

b[0] = new Image();
b[0].src = "http://img.....jpg";

b[1] = new Image();
b[1].src = "http://img.....jpg";

b[2] = new Image();
b[2].src = "http://img.....jpg";

b[3] = new Image();
b[3].src = "http://img.....jpg";

b[4] = new Image();
b[4].src = "http://img.....jpg";

b[5] = new Image();
b[5].src = "http://img.....jpg";

b[6] = new Image();
b[6].src = "http://img.....jpg";



var n = 6; // hier steht die Anzahl der Bilder minus 1
var i = -1;
var t = 3000; // Bilderwechsel in Millisekunden
var f = 0;
var z = document.images.length - 1;

function GG()
{
i ++;
if(i > n) i = 0;
document.images[z].src = b[i].src;
}

function delay()
{
if(f == 0) GG();
window.setTimeout("delay()",t);
}

delay();
//-->
</script><br />
<br />
<spanonMouseOver="status='';return true;" onFocus="this.blur();" onMouseDown="javascript:f=1;"><img border="0" alt="h&auml;lt die Bildershow an" width="100" height="70" style="cursor: hand" src="http://pause....gif" /></span>

<span onMouseOver="status='';return true;" onFocus="this.blur()" onMouseDown="javascript:f=0;"><img border="0" alt="setzt die Bildershow fort" width="15" height="15" style="cursor: hand" src="stop.gif" /></span>

<span onMouseOver="status='';return true;" onFocus="this.blur()" onMouseDown="GG();"><img border="0" alt="zeigt das n&auml;chste Bild" width="15" height="15" style="cursor: hand" src="http://www...../pfeil_nach_rechts.gif" /></span></p>
Beitrag15.01.2012 um 20:42 (UTC)    
Titel:

Code:
b[0] = new Image();
b[0].src = "http://img.....jpg";

b[1] = new Image();
b[1].src = "http://img.....jpg";

b[2] = new Image();
b[2].src = "http://img.....jpg";

b[3] = new Image();
b[3].src = "http://img.....jpg";

b[4] = new Image();
b[4].src = "http://img.....jpg";

b[5] = new Image();
b[5].src = "http://img.....jpg";

b[6] = new Image();
b[6].src = "http://img.....jpg";

b[7] = new Image();
b[7].src = "http://img.....jpg";


Du musst einfach ab 6 kopieren und dementsprechend die Zahl anpassen Wink

lg


Zuletzt bearbeitet von centuryentertainment am 15.01.2012, 21:43, insgesamt einmal bearbeitet
Beitrag15.01.2012 um 21:42 (UTC)    
Titel:

Vielen vielen Dank, Sie habe mir echt weiter geholfen Wink Very Happy

Lieben Gruß, Patrick

P.S.: Wünsche Ihnen eine schöne Woche!!!
Beitrag15.01.2012 um 23:21 (UTC)    
Titel:

Hallo,

danke für die Rückmeldung und danke an den Helfer.

- CLOSED -
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de