kostenloser Webspace werbefrei: lima-city

Automatischer Hintergrund wechsel

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

art aussuchen bild bildschirm code dank farbe frage hintergrund hintergrundbild hintergrundfarbe http kopieren minute page realisieren tasche verwenden wechsel zufall
  1. Autor dieses Themas

    tuningboys

    tuningboys hat kostenlosen Webspace.

    22:42, 16.5.2008
    Schönen Abend.

    Ich habe ein problem ich und mein Freund wollen ein Seite machen aber der Hintergrund soll sich z.b. jede Minute wechseln also immer in 2 verschiedene Bilder also: Bild 1 Bild 2 Bild 1 und immer so weiter.

    Weder ich noch er kann Javascript und nun hätte ich eine Frage an euch könnte mir jemand vielleicht einen Script dafür geben oder machen.

    Danke

  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. bigbox

    Kostenloser Webspace von bigbox

    bigbox hat kostenlosen Webspace.

    23:29, 16.5.2008
    Mit Java kenn ich mich leider nur sehr sporadisch aus... ich glaube auch nicht das irgendjemand mal eben so ein Script aus der Tasche zaubert, am besten du googelst mal ein wenig nach. Mir würde im Moment auch nur eine Flashlösung einfallen... die aber auch nicht so leicht zu realisieren ist, denn wenn du den background deiner Page ändern lassen willst müsste schon die gesamte page auf Flash basieren. Bei einem einzigen Kontent Fenster sieht das ganze schon wieder anders aus... kurz gesagt die Flashlösung wäre Seiten spezifisch anzupassen. Java falls möglich, wäre da schon die elegantere Lösung, wobei du dir dann wieder die Frage stellen müsstest ob jeder Browser dein Script unterstützt, da der IE gerne mal Active-X Inhalte blockiert bis der User diese erlaubt.

    Das beste wäre wohl du und dein Kollege setzten sich mit dem Thema genauer ausseinander. Mit einer einfachen Forumsanfrage ist es da nicht getan denke ich.

    MfG Bigbox


    Beitrag geändert: 16.5.2008 23:31:26 von bigbox

  4. h*********y

    0:31, 17.5.2008
    Hi!

    Wenn du dich einigermaßen in der programmierung auskennst, kannst du die hier die nötigen Codeschnipsel raussuchen.

    http://www.web-toolbox.net/webtoolbox/bilder/04-slideshow/slideshow02c.htm

    Ok, ich gebe zu, du musst es noch ein wenig umschreiben, aber das kriege auch hin, obwohl ich mich nicht mit Javascript auskenne ;)

    Schöne Grüße

    F.low
  5. Autor dieses Themas

    tuningboys

    tuningboys hat kostenlosen Webspace.

    10:16, 17.5.2008
    Moin.

    Naja
    Nur das Dumme ist ich hatte so einen mal. jetzt habe ich nur noch einen wo sich die farbe jede sec wechselt,vielleicht kann man da ja was umändern.
    Und ich habe noch einen wo die User sich den Hintergrund aussuchen können.

    <script language=\"JavaScript\" type=\"text/javascript\">
var backColor = new Array();

backColor[0] = \'#CC0000\';
backColor[1] = \'#00CC00\';
backColor[2] = \'#0000CC\';
var color = -1;


		backColor[3] = \'#FFFFFF\';

             function changeBG() {
    if(color < 2) {
        color++;
    } else {
        color = 0;
    }
    document.bgColor = backColor[color];
    window.setTimeout(\'changeBG()\',100);
}
</script>




		<body onLoad=\"changeBG();\">

    Danke

  6. s********r

    10:45, 17.5.2008
    Basierend auf deinem Code würde ich einmal Sagen, dass das so geht:

    <script language=\"JavaScript\" type=\"text/javascript\">
var backpic = new Array();

backpic[0] = \'bild1.jpg\';
backpic[1] = \'bild2.jpg\';
backpic[2] = \'bild3.jpg\';
var pic = -1;
backpic[3] = \'bild4.jpg\';

             function changeBG() {
    if(pic < 2) {
        pic++;
    } else {
        pic = 0;
    }
    document.background = \'ULR(\' + backpic[pic] + \')\';
    window.setTimeout(\'changeBG()\',100);
}
</script>


<body onLoad=\"changeBG();\">


    Bin auch nicht der Pro in JS, aber das sollte eigentlich funktionieren... Eigentlich würde ich dir aber sowieso von einem wechselnden Hintergrund abraten... Wie soll denn da das Design noch dazu passen ;) - Mir gefallen solche Seiten nicht wirklich und ich würde es vorziehen, die Bilder in Div-Boxen zu wechseln.

    MfG

    sebigisler

  7. bladehunter

    Kostenloser Webspace von bladehunter

    bladehunter hat kostenlosen Webspace.

    10:47, 17.5.2008

    Mit Java kenn ich mich leider nur sehr sporadisch aus...

    Java ist nicht JavaScript! *argh*

    <script type=\"text/javascript\">
bild=0;

bilder=new Array();
bilder[0]=\"PFAD_ZUM_BILD1\";
bilder[1]=\"PFAD_ZUM_BILD2\";
bilder[2]=\"PFAD_ZUM_BILD3\";
bilder[3]=\"PFAD_ZUM_BILD4\";


function hintergrund()
{
bild=(bild+1)%bilder.length;
document.getElementsByTagName(\'body\')[0].style.backgroundImage=\"url(\"+bilder[bild]\")\";
}

setInterval(hintergrund,60000);
  8. Autor dieses Themas

    tuningboys

    tuningboys hat kostenlosen Webspace.

    11:07, 17.5.2008
    Von den Beiden Codes die ihr mir gegeben habt geht keins.
    Ich werde mal bei Google gucken und wenn ihr noch ne Idee habt könnt ihr ja Posten

  9. ryanblack

    Kostenloser Webspace von ryanblack

    ryanblack hat kostenlosen Webspace.

    11:34, 17.5.2008
    Einfacher wärs, meine konfigurierbare blackbox zu benutzen (http://labs.hostsen.net/stuff/blackbox/), das auf der Javascript Framework Mootools basiert ^^.

    Da gibts auch eine Einleitung, wie man Slideshows mit blackbox erstellen kann und hat sogar beim Wechsel einen Fade-in Effekt. <3

    Du kannst ja die <img>s, die blackbox braucht, hinter alles positionieren (position: absolute, z-index, usw...) und dann sozusagen den Hintergrund faken.

    Ryan

    Beitrag geändert: 17.5.2008 11:40:42 von ryanblack
  10. Autor dieses Themas

    tuningboys

    tuningboys hat kostenlosen Webspace.

    12:18, 17.5.2008
    So ich habe hier glaube was passendes gefunden aber da muss sich die seite immer aktualisieren amdit sich der hintergrund wechselt kann einer das vielleicht ändern

    hier änder sich ein bild

    <html>
<head>
 <title>Random Background - Javascript/Dhtml - www.homepage-total.de</title>
  <meta name=\"Description\" content=\"Bei jedem Aufruf der Seite wird ein per Zufall ausgew&auml;hltes Hintergrundbild angezeigt.\">
 

  <style type=\"text/css\">
  <!--
   tt { font-family:Arial;}
  -->
  </style>
</head>


<script type=\"text/javascript\">

today=new Date();
jran=today.getTime();
var number = 4;       // kann beliebig heraufgesetzt werden
var random_number=\"\";
var text_color=\"\";
var image=\"\";
ia=9301;
ic=49297;
im=233280;
jran = (jran*ia+ic) % im;
random_number = Math.ceil( (jran/(im*1.0)) *number);

if (random_number==1) {
text_color=\"000000\";
image=\"../scripte4/slideshow-player/holz.jpg\";// kann beliebig geändert werden
}
if (random_number==2) {
text_color=\"ff0000\";
image=\"../scripte4/slideshow-player/mauer_alt.gif\";
}
if (random_number==3) {
text_color=\"0000ff\";
image=\"../scripte4/slideshow-player/metall.gif\";
}
if (random_number==4) {
text_color=\"ff00ff\";
image=\"../scripte4/slideshow-player/nieten.jpg\";
}

// End -->
</script>
<BASEFONT FACE=\"Arial\">
</HEAD>

<script type=\"text/javascript\">

<!-- Begin
document.open();
document.write(\"<BODY  BACKGROUND=\'\" +image+ \"\' TEXT=\'#\"+text_color+\"\'>\");
document.write(\"<CENTER></CENTER>\");
// End -->
</script>

<BODY>

<div class=\"titel\" align=center style=\"background-color:#EEEEEE\">
 <a href=\"http://www.homepage-total.de\" target=\"_top\"><small>Homepage-Total.de</small></a> - 
 <font size=4 color=#444444>Random Background</font>
  <tt><font size=1> von: 
  Henning Paarmann . . .<a href=\"http://www.paarmann.de\" target=\"_blank\">Homepage</a>
 &nbsp; <b title=\"Browser-Test\">[IE|M|O]</b></tt></font>
</div>

<p>&nbsp;
<center><table cellpadding=15><tr><td bgcolor=#ffffff><b>Bei jedem Aufruf der Seite wird ein per Zufall ausgew&auml;hltes Hintergrundbild angezeigt.</b></td></tr></table>

<FORM>
<INPUT  TYPE=\"button\" VALUE=\"Seite aktualisieren\" onClick=\"window.location=\'random_background.htm\'\">
</FORM>
</center>

</BODY>
</html>


    hier änder sich eine Farbe oben eine anderes Bild
    oder 
    <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
	<title>Bei jedem betreten eine andere Hintergrundfarbe</title>

<script language=\"JavaScript\" type=\"text/JavaScript\">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName==\"Netscape\")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>




<body text=\"white\" link=\"white\" vlink=\"white\" alink=\"white\">





<div align=\"center\"><br>
 <b><font size=\"4\" face=\"Verdana, Arial, Helvetica, sans-serif, Helv\" color=\"#ffffff\">Bei jedem betreten eine andere Hintergrundfarbe</font></b><br><br><br>
  

 
 
 
<!-- Diesen Code kopieren -->


<script language=\"JavaScript\">  

<!--Hide from older browsers

/* Random Background and Font©1998 by Bo Blackstone 
   Email me at bocyber@aol.com 
   You may use this script on your page  
   ... AS LONG AS THIS HEADER IS INCLUDED */


 var0=\"red\";  
 var1=\"blue\";  
 var2=\"white\";
 var3=\"green\";
 var4=\"yellow\";
 var5=\"purple\"; 
 var6=\"orange\"; 

now=new Date()  
num=(now.getSeconds() )%7

if (num == 0)    
   {cliche=var0}  

if (num == 1)    
  {cliche=var1} 

if (num == 2)     
  {cliche=var2}  

if (num == 3)     
  {cliche=var3}

if (num == 4)     
  {cliche=var4}

if (num == 5)    
  {cliche=var5}

if (num == 6)     
  {cliche=var6}

document.bgColor=(cliche)


//-->
</script>
<script language=\"JavaScript\">

<!--Hide from older browsers

/* Random FONT by Bo Blackstone */
/* If You want to use this script, kept the top header intact. */


if (1 == 1) 
{var Fonts = 8 /* Amount of Different Fonts */
var RanNu = Math.ceil(Math.random() * Fonts);}

if (RanNu == 1) {document.write(\"\");}
if (RanNu == 2) {document.write(\"\");}
if (RanNu == 3) {document.write(\"\");}
if (RanNu == 4) {document.write(\"\");}
if (RanNu == 5) {document.write(\"\");}
if (RanNu == 6) {document.write(\"<STRONG>\");}
if (RanNu == 7) {document.write(\"\");}
if (RanNu == 8) {document.write(\"\");}

//-->
</script>


<!-- Diesen Code kopieren -->






<br><br><br>
  
<center>
<FORM>
	<INPUT type=\"BUTTON\" value=\"Quelltext\" onClick=\'window.location = \"view-source:\" +
window.location.href\'>
</FORM>
<FORM>
	<INPUT type=\"button\" name=\"Speichern\" value=\"Datei speichern\" onClick=\"alert(\'Zum Speichern der Datei: 1. Quelltext aufrufen -- 2. &#180;Datei&#180; anklicken -- 3. &#180;Speichern unter&#180; anklicken -- 4. Verzeichnis ausw&auml;hlen -- 5. abspeichern -- Fertig!\')\"</>
</FORM>
</center>


<font size=\"3\" style=\"verdana\" color=\"white\">
<b>
Internet Explorer: Ja<br>
Netscape: Ja
</font>
</b>
<br><br><br>
<table align=\"center\" border=\"0\">
<tr>
	<td><script type=\"text/javascript\"><!--
google_ad_client = \"pub-0381955921320508\";
google_ad_width = 300;
google_ad_height = 250;
google_ad_format = \"300x250_as\";
google_ad_channel =\"2811957683\";
//--></script>
<script type=\"text/javascript\"
  src=\"http://pagead2.googlesyndication.com/pagead/show_ads.js\">
</script>
<br><br>

</td>
</tr>
</table>




<script src=\"http://www.google-analytics.com/urchin.js\" type=\"text/javascript\">
</script>
<script type=\"text/javascript\">
_uacct = \"UA-78859-5\";
urchinTracker();
</script>

</body>
</html>

  11. h*********y

    15:59, 17.5.2008
    <meta http-equiv=\"refresh\" content=\"...\">

    ...= Die Zeit in der die Page aktualisiert werden soll.

  12. robin

    Kostenloser Webspace von robin

    robin hat kostenlosen Webspace.

    16:01, 17.5.2008 
    <script language=\"JavaScript\" type=\"text/javascript\">
 var aktiv = window.setInterval(\"changeBG()\", 1000);<!--1000 = 1 sekunde => 60000=1 minute-->
 var bgpic = new Array();
  bgpic[0] = \'bild1.jpg\';
  bgpic[1] = \'bild2.jpg\';
 var picnr = -1;

 function changeBG() {
  if(picnr < 1) { <!-- die 1 ersetzen durch die anzahl der bilder -->
   picnr++;
  } else {
   picnr = 0;
  }
  var bild=\"URL(\"+bgpic[picnr]+\")\";
  document.getElementsByTagName(\"body\")[0].style.background = bild;
 }
</script>
</head>
<body onLoad=\"changeBG();\">

  13. bladehunter

    Kostenloser Webspace von bladehunter

    bladehunter hat kostenlosen Webspace.

    17:26, 17.5.2008

    Von den Beiden Codes die ihr mir gegeben habt geht keins.

    Kein Wunder, mir ist irgendwie noch ein Operator weggeflutscht :biggrin:

    Hier der korrigierte Code:
    <script type=\"text/javascript\">
bild=0;

bilder=new Array();
bilder[0]=\"PFAD_ZUM_BILD1\";
bilder[1]=\"PFAD_ZUM_BILD2\";
bilder[2]=\"PFAD_ZUM_BILD3\";
bilder[3]=\"PFAD_ZUM_BILD4\";


function hintergrund()
{
bild=(bild+1)%bilder.length;
document.getElementsByTagName(\'body\')[0].style.backgroundImage=\"url(\"+bilder[bild]+\")\";
}

setInterval(hintergrund,60000);
  14. Autor dieses Themas

    tuningboys

    tuningboys hat kostenlosen Webspace.

    1:42, 18.5.2008
    Moin.

    Danke es klappt.
    Aber jetzt kann ich ihn nicht mehr verwenden weil ich den bildschirm dynamich machen muss.
    Weil wenn man eine höhere Auflösung also 1024* 736 hat wird das bild so in einer art doppelt angezeigt.

    Gibt es dafür auch ne Lösung...

    Danke

  15. robin

    Kostenloser Webspace von robin

    robin hat kostenlosen Webspace.

    8:33, 18.5.2008
    wird das bild so in einer art doppelt angezeigt.

    Gibt es dafür auch ne Lösung...


    <style type=\"text/css\">
<!--
 body{
  background-position:center;
  background-repeat:no-repeat;
  background-color:; //irgendwas passendes
 }
-->
</style>

  16. ryanblack

    Kostenloser Webspace von ryanblack

    ryanblack hat kostenlosen Webspace.

    11:37, 18.5.2008
    tuningboys schrieb:

    Danke es klappt.
    Aber jetzt kann ich ihn nicht mehr verwenden weil ich den bildschirm dynamich machen muss.
    Weil wenn man eine höhere Auflösung also 1024* 736 hat wird das bild so in einer art doppelt angezeigt.

    Gibt es dafür auch ne Lösung...

    Danke


    Dieses Tutorial wird dir vll auch helfen: http://css-tricks.com/how-to-resizeable-background-image/ (wenn du das Hintergrundbild strecken willst)

    Ryan


    Beitrag geändert: 18.5.2008 11:37:25 von ryanblack

  17. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

Login zum Webhosting ohne Werbung!

Hast Du schon kostenlosen Webspace oder bist Du auf der Suche nach WordPress-Hosting mit Staging-Funktion und wp-cli? Jetzt günstige Prepaid Domains registrieren!