Autor |
Nachricht |
harakiri0
Threadersteller
Dabei seit: 09.03.2009
Ort: -
Alter: 40
Geschlecht: -
|
Verfasst Sa 25.07.2009 18:22
Titel Brauche Hilfe bei zeitlicher Bilder-Rotation |
|
|
Hallo,
ich soll für einen Freund eine HP basteln und diese soll folgendes Feature haben:
Auf der Startseite befindet sich nichts ausser ein paar Links sowie ein 760x520px großes Bild. Ich habe von ihm 5 Bilder bekommen, die dort in einer Art "Rotation" ablaufen sollen, also z.B. soll das Bild alle 10 Minuten ausgetauscht werden. Ist soetwas möglcih? Und wenn ja, wie? Ich möchte dazu sagen, dass ich ABSOLUT KEINE Ahnung von Php oder sontigem hab und somit auf wirklich einfache und ausführlich Anweisungen angewiesen bin. Danke für jede Hilfe!
LG
harakiri
|
|
|
|
|
Dexter Paris
Dabei seit: 28.05.2008
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 25.07.2009 18:32
Titel
|
|
|
Den Sinn von einem im 10 Minuten-Takt wechselnden Bild kann ich nicht nachvollziehen, wer starrt schon länger als 10 Minuten auf eine Seite auf der es sonst nicht viel gibt ...
Du könntest es aber mit simplem Javascript steuern, dass bei jedem Reload bzw. Neubesuch der Seite ein Bild per Zufallsgenerator gewählt und dargestellt wird ...
Ich hab das auf meiner Seite so gelöst (für 10 Bilder):
Code: | <script type="text/javascript">
<!--
meineBilder = new Array();
meineBilder[0] = "teaser/image01.jpg";
meineBilder[1] = "teaser/image02.jpg";
meineBilder[2] = "teaser/image03.jpg";
meineBilder[3] = "teaser/image04.jpg";
meineBilder[4] = "teaser/image05.jpg";
meineBilder[5] = "teaser/image06.jpg";
meineBilder[6] = "teaser/image07.jpg";
meineBilder[7] = "teaser/image08.jpg";
meineBilder[8] = "teaser/image09.jpg";
meineBilder[9] = "teaser/image10.jpg";
function bild_laden()
{
document.bild.src = meineBilder[Math.round(Math.random()*(meineBilder.length-1))];
}
window.onload=bild_laden;
//-->
</script> |
Code: | <img src="images/shared/spacer.gif" alt="Zufallsbild" name="bild" width="518" height="240" id="bild" /> |
|
|
|
|
|
Anzeige
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Sa 25.07.2009 18:39
Titel
|
|
|
höchstwahrscheinlich soll es bezüglich der serverzeit getauscht werden - sprich, wenn ich um 12.10 die seite besuche, sehe ich ein anderes bild, als meine mutter, die um 12.22 drauf schaut.
aber wer weiß das schon
|
|
|
|
|
harakiri0
Threadersteller
Dabei seit: 09.03.2009
Ort: -
Alter: 40
Geschlecht: -
|
Verfasst Sa 25.07.2009 19:19
Titel
|
|
|
Dexter Paris hat geschrieben: | Den Sinn von einem im 10 Minuten-Takt wechselnden Bild kann ich nicht nachvollziehen, wer starrt schon länger als 10 Minuten auf eine Seite auf der es sonst nicht viel gibt ...
Du könntest es aber mit simplem Javascript steuern, dass bei jedem Reload bzw. Neubesuch der Seite ein Bild per Zufallsgenerator gewählt und dargestellt wird ...
Ich hab das auf meiner Seite so gelöst (für 10 Bilder):
Code: | <script type="text/javascript">
<!--
meineBilder = new Array();
meineBilder[0] = "teaser/image01.jpg";
meineBilder[1] = "teaser/image02.jpg";
meineBilder[2] = "teaser/image03.jpg";
meineBilder[3] = "teaser/image04.jpg";
meineBilder[4] = "teaser/image05.jpg";
meineBilder[5] = "teaser/image06.jpg";
meineBilder[6] = "teaser/image07.jpg";
meineBilder[7] = "teaser/image08.jpg";
meineBilder[8] = "teaser/image09.jpg";
meineBilder[9] = "teaser/image10.jpg";
function bild_laden()
{
document.bild.src = meineBilder[Math.round(Math.random()*(meineBilder.length-1))];
}
window.onload=bild_laden;
//-->
</script> |
Code: | <img src="images/shared/spacer.gif" alt="Zufallsbild" name="bild" width="518" height="240" id="bild" /> |
|
Also ich hab das mal bei mir eingegeben, aber irgendwie funktioniert es nicht... Was ist denn dieses spacer.gif?
|
|
|
|
|
Dexter Paris
Dabei seit: 28.05.2008
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 25.07.2009 19:37
Titel
|
|
|
spacer.gif ist ein transparentes 1x1 Pixel Bild. Ein Platzhalter gewissermaßen, um zu verhindern dass bei einem noch nicht geladenen "Zufallsbild" das "Bildfehler-Icon" angezeigt wird ...
Die (relativen) Pfade zu den Bildern – und natürlich auch die Dateinamen – sollten natürlich auch an Deine Situation angepasst werden ...
Da ich den Eindruck habe, dass Du nicht wirklich den Plan hast wo Du den Code eingebaut sollst ... das Script gehört in den head-Bereich Deines Dokuments!
Zuletzt bearbeitet von Dexter Paris am Sa 25.07.2009 19:38, insgesamt 1-mal bearbeitet
|
|
|
|
|
harakiri0
Threadersteller
Dabei seit: 09.03.2009
Ort: -
Alter: 40
Geschlecht: -
|
Verfasst Sa 25.07.2009 20:02
Titel
|
|
|
Dexter Paris hat geschrieben: | spacer.gif ist ein transparentes 1x1 Pixel Bild. Ein Platzhalter gewissermaßen, um zu verhindern dass bei einem noch nicht geladenen "Zufallsbild" das "Bildfehler-Icon" angezeigt wird ...
Die (relativen) Pfade zu den Bildern – und natürlich auch die Dateinamen – sollten natürlich auch an Deine Situation angepasst werden ...
Da ich den Eindruck habe, dass Du nicht wirklich den Plan hast wo Du den Code eingebaut sollst ... das Script gehört in den head-Bereich Deines Dokuments! |
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>KAMIL RACHWAL</title>
<link href="stylo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
meineBilder = new Array();
meineBilder[0] = "bilder/teaser/teaser_01.jpg";
meineBilder[1] = "bilder/teaser/teaser_02.jpg";
meineBilder[2] = "bilder/teaser/teaser_03.jpg";
meineBilder[3] = "bilder/teaser/teaser_04.jpg";
meineBilder[4] = "bilder/teaser/teaser_05.jpg";
function bild_laden()
{
document.bild.src = meineBilder[Math.round(Math.random()*(meineBilder.length-1))];
}
window.onload=bild_laden;
//-->
</script>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('bilder/buttons/btn_contact_02.jpg','bilder/buttons/btn_portfolio_02.jpg')" >
<div id="content" style="color:#999">
<div id="logo"><img src="bilder/kamil_logo.jpg" /></div>
<div id="navi">
<a href="portfolio.html">
<img src="bilder/buttons/btn_portfolio_01.jpg" alt="Portfolio" id="portfolio" onmouseover="MM_swapImage('portfolio','','bilder/buttons/btn_portfolio_02.jpg',1)" onmouseout="MM_swapImgRestore()" />
</a>
| <a href="contact.html">
<img src="bilder/buttons/btn_contact_01.jpg" alt="Contact/Impressum" id="contact" onmouseover="MM_swapImage('contact','','bilder/buttons/btn_contact_02.jpg',1)" onmouseout="MM_swapImgRestore()" />
</a>
</div>
<div id="bild">
<img src="bilder/spacer.gif" alt="Zufallsbild" name="bild" width="760" height="520" id="bild" />
</div>
</div>
</body>
</html>
|
so sieht mein code bisher aus. Ich habe die bilder in dem ordner bilder >> teaser
Also eigentlich müsste doch alles richtig sein?! Irgendwie klappt sowas bei mir nie...
|
|
|
|
|
Dexter Paris
Dabei seit: 28.05.2008
Ort: -
Alter: -
Geschlecht:
|
Verfasst Sa 25.07.2009 20:04
Titel
|
|
|
Benenne mal das DIV mit der ID "Bild" um, die selbe ID wird vom Javascript benutzt ...
|
|
|
|
|
harakiri0
Threadersteller
Dabei seit: 09.03.2009
Ort: -
Alter: 40
Geschlecht: -
|
Verfasst Sa 25.07.2009 20:34
Titel
|
|
|
Hab ich nun gemacht, aber es tut sich immernoch nichts
|
|
|
|
|
|
|
|
Ähnliche Themen |
Noobie -> Bilder Rotation
brauche verwaltbare bilder-gallery
Brauche Hilfe - Bilder auf Internetseite schützen
Brauche Hilfe bei Flash Bilder überblendung
360° Rotation in Flash
steuerbare 360 Grad Rotation
|
|