Suche im Forum:
Suchen


Autor Nachricht
Beitrag23.05.2009 um 12:20 (UTC)    
Titel: Jede Aktualisierung = nächstes Bild

Wie macht man es eigendlich, dass wenn die Seite aktualisiert wird, dann ein neues Bild auftaucht?
______________

Beitrag23.05.2009 um 12:30 (UTC)    
Titel:

Hi,

das geht mit einem Javascript,das hier ist der Code:

Zitat:
<script type='text/javascript'>
<!--
// hier bitte die urls der bilder eingeben, in "" und jeweils von einem , getrennt
var i = 0;
var urls = new Array();
urls[i++] = "BILDADRESSE 1";
urls[i++] = "BILDADRESSE 2";
urls[i++] = "BILDADRESSE 3";
urls[i++] = "BILDADRESSE 4";
urls[i++] = "BILDADRESSE 5";


// hier die zeit zwischen dem ändern der bilder in Sekunden einstellen
var sekunden = 2;


///nix mehr ändern///
var lastimage;
document.write("<div id='randomimagediv'></div>");

function newimage()
{
var newurl;
do
{
newurl = urls[Math.floor(Math.random()*urls.length)];
}
while (newurl == lastimage)
lastimage = newurl;
document.getElementById("randomimagediv").innerHTML = '<img src="' + newurl + '" alt="" />';
}
//-->
</script>
Beitrag23.05.2009 um 17:58 (UTC)    
Titel:

Kannst du mir bitte einen Beispiel geben?
Irgendwie kapier ich das nicht.
Was soll ich ändern? usw.
______________

Beitrag23.05.2009 um 18:51 (UTC)    
Titel:

Code:
<script type='text/javascript'>
<!--
// hier bitte die urls der bilder eingeben, in "" und jeweils von einem , getrennt
var i = 0;
var urls = new Array();
urls[i++] = "BILDADRESSE 1";
urls[i++] = "BILDADRESSE 2";
urls[i++] = "BILDADRESSE 3";
urls[i++] = "BILDADRESSE 4";
urls[i++] = "BILDADRESSE 5";

// hier die zeit zwischen dem ändern der bilder in Sekunden einstellen
var sekunden = 2;


///nix mehr ändern///
var lastimage;
document.write("<div id='randomimagediv'></div>");

function newimage()
{
var newurl;
do
{
newurl = urls[Math.floor(Math.random()*urls.length)];
}
while (newurl == lastimage)
lastimage = newurl;
document.getElementById("randomimagediv").innerHTML = '<img src="' + newurl + '" alt="" />';
}
//-->
</script>


Dieser Code lässt bei jedem neu Aufruf oder aktualisieren ein neues Bild erscheinen, jedoch nur die Bilder die du im Code eingetragen hast.
Das heißt du musst die Bilder in diesem Code hinzufügen:

urls[i++] = "BILDADRESSE 1";

Das blaue entfernt du und fügst dafür dein Bild ein (die Adresse vom Bild ist bei der Bildeigenschaft zu finden).

Wenn du alle deine Bilder eingefügst hast, kannst du diesen Code irgendwo einfügen, sei es Texteditor, Intro, Rechte Boxen oder wo auch immer.
Versuch es, wenn du dein Code eingefügt hast, mal selber indem du deine Seite neu aufrufst oder aktualisiert.


Zuletzt bearbeitet von blutsegelbukaniere am 23.05.2009, 19:53, insgesamt 2-mal bearbeitet
Beitrag23.05.2009 um 21:51 (UTC)    
Titel:

Was hab ich falsch gemacht?

Code:
<script type='text/javascript'>
<!--
// hier bitte die urls der bilder eingeben, in "" und jeweils von einem , getrennt
var i = 0;
var urls = new Array();
urls[i++] = "http://metal.de/pix_stories/gothic2.jpg";
urls[i++] = "http://www.fileshack.com/images/finclude/images/gothic2_120402_shot07.jpg";
url[i++] = "http://metal.de/pix_stories/gothic3.jpg";

// hier die zeit zwischen dem ändern der bilder in Sekunden einstellen
var sekunden = 2;


///nix mehr ändern///
var lastimage;
document.write("<div id='randomimagediv'></div>");

function newimage()
{
var newurl;
do
{
newurl = urls[Math.floor(Math.random()*urls.length)];
}
while (newurl == lastimage)
lastimage = newurl;
document.getElementById("randomimagediv").innerHTML = '<img src="' + newurl + '" alt="" />';
}
//-->
</script>

______________

Beitrag23.05.2009 um 21:56 (UTC)    
Titel:

du hast an einer stelle ausversehen ein "s" weggemacht! Hier der richtige code:

Zitat:
<script type='text/javascript'>
<!--
// hier bitte die urls der bilder eingeben, in "" und jeweils von einem , getrennt
var i = 0;
var urls = new Array();
urls[i++] = "http://metal.de/pix_stories/gothic2.jpg";
urls[i++] = "http://www.fileshack.com/images/finclude/images/gothic2_120402_shot07.jpg";
urls[i++] = "http://metal.de/pix_stories/gothic3.jpg";

// hier die zeit zwischen dem ändern der bilder in Sekunden einstellen
var sekunden = 2;


///nix mehr ändern///
var lastimage;
document.write("<div id='randomimagediv'></div>");

function newimage()
{
var newurl;
do
{
newurl = urls[Math.floor(Math.random()*urls.length)];
}
while (newurl == lastimage)
lastimage = newurl;
document.getElementById("randomimagediv").innerHTML = '<img src="' + newurl + '" alt="" />';
}
//-->
</script>
Beitrag23.05.2009 um 21:59 (UTC)    
Titel:

Geht immer noch nicht.
______________

Beitrag27.05.2009 um 15:42 (UTC)    
Titel:

Ich will keinen neuen Thread dafür eröffnen, also schieb ich es ein bisschen nach oben Smile

Kann mir einer weiterhelfen?
Bei mir funktioniert es, leider, immer noch nicht.
______________

Beitrag27.05.2009 um 17:12 (UTC)    
Titel:

Code:

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function randtext() {
  var quotenumber = 3;
  var randomnumber = Math.random() ;
  var rand1 = Math.round( (quotenumber-1) * randomnumber) + 1 ;
  quotes = new Array
  quotes[1] = '<IMG SRC="http://metal.de/pix_stories/gothic2.jpg">';
  quotes[2] = '<IMG SRC="http://www.fileshack.com/images/finclude/images/gothic2_120402_shot07.jpg">';
  quotes[3] = '<IMG SRC="http://metal.de/pix_stories/gothic3.jpg">';
  var quote = quotes[rand1];
  return quote;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
    document.write(randtext());
//-->
</SCRIPT>
</BODY>
</HTML>


Versuch den mal..

Edit:
Du kannst x-beliebig neue Bilder einfügen. Dafür einfach unter

quotes[3] = '<IMG SRC="http://metal.de/pix_stories/gothic3.jpg">';

eine Zeile einfügen und dafür

quotes[4] = '<IMG SRC="BILDURL">';

einfügen.


Zuletzt bearbeitet von blutsegelbukaniere am 27.05.2009, 18:23, insgesamt 2-mal bearbeitet
Beitrag27.05.2009 um 17:24 (UTC)    
Titel:

Danke, aber es klapt nur in einer Seite.
Ich will es aber über dem Design in einer Tabelle haben, die schon angegeben ist.

Die Tabelle kann ich ja selber eingeben.

Ich hab es auch in die Tabelle geschmissen, doch das einzige was anzeigt ist
"undefined"
______________

Beitrag27.05.2009 um 17:32 (UTC)    
Titel:

Das ist mein Test-account:

Versuche das mal bei Text über dem Design:

Code:

<table width="200" cellspacing="1" cellpadding="1" border="1">
    <tbody>
        <tr>
            <td>&nbsp;<HTML>
<HEAD>
<SCRIPT LANGUAGE="JAVASCRIPT">
<!--
function randtext() {
  var quotenumber = 3;
  var randomnumber = Math.random() ;
  var rand1 = Math.round( (quotenumber-1) * randomnumber) + 1 ;
  quotes = new Array
  quotes[1] = '<IMG SRC="http://metal.de/pix_stories/gothic2.jpg">';
  quotes[2] = '<IMG SRC="http://www.fileshack.com/images/finclude/images/gothic2_120402_shot07.jpg">';
  quotes[3] = '<IMG SRC="http://metal.de/pix_stories/gothic3.jpg">';
  var quote = quotes[rand1];
  return quote;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
<!--
    document.write(randtext());
//-->
</SCRIPT>
</BODY>
</HTML></td>
        </tr>
    </tbody>
</table>


P.s: NUR DIESEN CODE!

Code:
<style type="text/css">
<!--
-->
</style>

nicht für diesen Code benutzen!

Achja; Schau auf meiner Homepage von Testseiteonly und guck - hab es selber probiert. Wink


Zuletzt bearbeitet von testseiteonly am 27.05.2009, 18:34, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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