nicht angemeldet
Grafiken im Header automatisch blenden
0 0
0 Bitte validieren.
0 0
Grafiken im Header automatisch blenden
Hallo zusammen
ich möchte die Grafik im Header meiner Seite sanft zur nächsten Grafik wandern lassen.
Leider ist bis jetzt nicht das herausgekommen, was ich wollte. Zurzeit blendet es nur via Mouseclick anstelle automatisch.
Weiss jemand den Trick? Oder eine andere Möglichkeit, dies zu implementieren? Es sind jeweils 2 verschnittene Bilder (strand_li +re), die synchron blenden sollen.
Text von SelfHTML, leicht modifiziert:
<p><html><head><title>Test</title>
<script language="JScript" type="text/jscript">
Bild1 = new Image();
Bild1.src = "images/strand_re.jpg";
Bild2 = new Image();
Bild2.src = "images/off_strand_re.jpg";
var Bild = 1;
function Bildwechsel () {
if (Bild == 1) {
Bild = 2;
document.all.Madrid.filters.blendTrans.Apply();
document.all.Madrid.src = Bild2.src;
document.all.Madrid.filters.blendTrans.Play();
} else {
Bild = 1;
document.all.Madrid.filters.blendTrans.Apply();
document.all.Madrid.src = Bild1.src;
document.all.Madrid.filters.blendTrans.Play();
}
}
</script>
</head><body>
<p>Klicken Sie auf das Bild, nachdem es vollständig angezeigt ist.</p>
<img id="Madrid" src="images/strand_re.jpg" style="cursor:hand; filter:blendTrans(Duration=4, Transition=16)" onclick="Bildwechsel()" width="1500" height="160" border="0" alt="St.Galler Rheintal">
</body>
</html>
</p>
Zu finden unter
http://www.360x180.ch/test_variabler_header.html
Das Ganze soll dann in der Hauptseite verbaut werden:
http://www.360x180.ch
Danke für jedwede Hilfe
360° Grüsse
-
Hab ne Laien Frage:
Wie hast du denn dieses Bild geschossen?
http://www.360x180.ch/panoramen_vs/panoramen_fs/ballonfahrt_01_fs.htmlmfg Beat
--
Selber klauen ist schöner!-
Hab ne Laien Frage:
Wie hast du denn dieses Bild geschossen?
http://www.360x180.ch/panoramen_vs/panoramen_fs/ballonfahrt_01_fs.htmlmfg Beat
Schau in der Kategorie Software + Equipment nach. Da ist der Weg beschrieben, wie das Ganze entsteht.
Bei diesem Pano hab ich einfach das Stativ aus dem Korb rausgehalten und ringsum abgelichtet.
Gruss
-
Schau in der Kategorie Software + Equipment nach. Da ist der Weg beschrieben, wie das Ganze entsteht.
Bei diesem Pano hab ich einfach das Stativ aus dem Korb rausgehalten und ringsum abgelichtet.Tja, so habe ich mir das auch vorzustellen versucht. Aber wenn man das Ergebnis anschaut, sieht es einfach unglaublich aus.
Finde das übrigens ein tolles Thema.
mfg Beat
--
Selber klauen ist schöner!-
Danke
Wenn ich soviel Begeisterung für HTML hätte wie fürs Panoramisieren, müsst ich mich hier nicht melden... aber dafür gibts ja Foren mit kompetenten Usern.
-
-
-
-
Ich habe jetzt kurz deinen Code validiert.
Du hast dort Fehler drin, die eventuell auf das java-Script auswirkungen haben könnten.
Deshalb gebe ich dir den Tipp das HTML in Ordnung zu bringen.
-Fehler in einer Liste
-keine Doctype
-zweifach vergebene IDBeim javascript kann ich dir derzeit nicht weiterhelfen.
mfg Beat
--
Selber klauen ist schöner!-
Ich habe jetzt kurz deinen Code validiert.
Du hast dort Fehler drin, die eventuell auf das java-Script auswirkungen haben könnten.
Deshalb gebe ich dir den Tipp das HTML in Ordnung zu bringen.
-Fehler in einer Liste
-keine Doctype
-zweifach vergebene IDBeim javascript kann ich dir derzeit nicht weiterhelfen.
mfg Beat
Hallo Beat
Ich weiss, meine Seite ist voller Fehler. Wenn ich nur den Doctype ausprobiere, wird der ganze Code im Browser falsch ausgespuckt. Ohne jedoch richtig.Ich habe letztes Jahr damit angefangen, vielles aus SelfHTML zusammenzuschustern und weiss, dass ich HTML nicht mit dem grossen Löffel gefressen habe.
Aufruf:
Wenn jemand Lust hat, meine Schusterfehler auszubügeln, dass die Seite validierbar ist, ist herzlich dazu eingeladen sich bei mir zu melden!Ich bin froh, dass ich es überhaupt bis hierher geschafft habe, den neben Familie und Panoshooting bleibt für HTML einfach zu wenig Zeit.
Also bitte melden!
-Fehler in einer Liste
-zweifach vergebene IDSorry, damit kann ich nichts anfangen. Bin immer noch Laie.
Benutze Phase5 zum erstellen. Vielleicht via Zeilenangabe und Korrekturvorschlag?
Bis dahin danke für die Antworten, hier schein ich richtig zu sein.
-
-Fehler in einer Liste
-zweifach vergebene ID
Sorry, damit kann ich nichts anfangen. Bin immer noch Laie.
Benutze Phase5 zum erstellen. Vielleicht via Zeilenangabe und Korrekturvorschlag?Phase 5 in welcher Version?
Ältere Versionen erzeugten tatsächlich zum Teil falschen Code.Ich würde dir folgende Doctype empfehlen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Diese vergibt dir am meisten. Die Browser sind dadurch im Quirksmode und versuchen das Beste aus deinem Code zu machen.Wenn du mit dem ValIdator arbeitest, so musst du dich nicht von der Menge der Fehler erdrücken lassen, sondern die Fehler einfach von oben einzeln bereinigen.
Ein einziger Fehler hat oft mehrere Meldungen zur Folge.Tipp:
Ich verwende den HTML Validator (Plugin) für Firefox. Das ist wirklich sehr komfortabel.
Das Plugin gibt's hier:
http://users.skynet.be/mgueury/mozilla/IDs dürfen pro HTML Seite nur einmalig sein. Sie müssen mit [A-Za-z] beginnen.
mfg Beat
--
Selber klauen ist schöner!-
-Fehler in einer Liste
-zweifach vergebene ID
Sorry, damit kann ich nichts anfangen. Bin immer noch Laie.
Benutze Phase5 zum erstellen. Vielleicht via Zeilenangabe und Korrekturvorschlag?Phase 5 in welcher Version?
V 5.42
Ich versuch gleich mal den Doctype von Dir einzubauen.
Welche IDs?
Kannst Du ev. den Code rauscopieren?Die Summe der Validierungsfehler erschlug mich schon wo ich anfing, heute isses nicht besser. Die Validierungs-Antwort versteh ich meistens genau so wenig wie da Fehler sein sollen.
Ich benutze die Methode Copy Selfhtml, modify & hope it works.
Wenn dadurch Fehler entstehen, seh ich die nicht.Meines Erachtens ist eine Quellcodeübergabe zur externen Qualitätskontrolle/Überarbeitung einfacher.
-
Fehlerliste
Zeile2 keine Doctype
Zeile24 <script> attribut type="css/javascript" fehlt
Zeile 60 hast du </td> </a>. Das ist fatal falsch
Zeile 121 <img> das alt="bildinfo" fehlt
Zeile 151 <style> Dieses Element darf hier nicht stehen.
Der muss im <head> stehen.
...Das reicht für's Erste.
mfg Beat
--
Selber klauen ist schöner!-
Soweit alles korrigiert und hochgeladen. "Fürs erste erledigt, das 2.?
-
Soweit alles korrigiert und hochgeladen. "Fürs erste erledigt, das 2.?
Dies betrifft natürlich nur die Seite "index", alle anderen später.
-
Soweit alles korrigiert und hochgeladen. "Fürs erste erledigt, das 2.?
Zeile 161 <span...><font ...><h2> Willkommen bei 360°x 180° !</h2></span>
<h1> in <span> ist verboten. <font> ist veraltet.
Mit CSS <h2 style="...">...</h2>Zeile 191 fehlendes alt Attribut
Zeile 194 ff Datenschrott.
<!-- Ende Counter-Up.de Code -->
<br>
</a>
<br>
</ul>Zeile 217 ff
</td>
</tr><td>
<img ...></td></table>
Da fehlen wesentliche Elmente der korrekten Tabellenstruktur.
mfg Beat
--
Selber klauen ist schöner!-
Zeile 217 ff
</td>
</tr><td>
<img ...></td></table>
Da fehlen wesentliche Elmente der korrekten Tabellenstruktur.
Da komm ich nicht mit! Was soll ich genau tun?
Bei W3C nimmt die Fehler Anzahl kontinuierlich ab. Noch 7 Fehler, meint er. Welch online Validator oder Tools für IE (Nicht lachen!) gibts?
-
Typischer Tabellenaufbau steht hier.
http://de.selfhtml.org/html/tabellen/aufbau.htmmfg Beat
--
Selber klauen ist schöner!
-
-
So, nach x Fehlerbereinigungen ist die Seite "index" und "fernsicht" valide.
Die anderen Seiten sind noch offen, da aber die Struktur immer gleich ist, ist dies nur noch eine Kopieraktion.Bitte validieren erstmal erledigt.
-
Die anderen Seiten sind noch offen, da aber die Struktur immer gleich ist, ist dies nur noch eine Kopieraktion.
Naja. Valide sind sie.
Natürlich könnte man jetzt den Code noch säubern und die vielen Formatierhacks durch saubere CSS Formatierung ersetzen.Du solltest dir zum Beispiel überlegen, ob
- Linklisten nicht besser in einer Liste als in einer tabelle aufgehoben sind.
- überall wo du mit <br><br><br> Raum schaffst, kannst du das mit CSS (margin oder padding) viel genauer erreichen.
Für das Javascript solltest du Cybaer's Vorschlag mal ansehen.
mfg Beat
--
Selber klauen ist schöner!
-
-
-
-
-
-
-
-
-
Hi there,
document.all.Madrid.filters.blendTrans.Apply();
Dein Ansatz ist nicht frei von Problematik weil er in den meisten Browsern nicht funktioniert. Genaugenommen gibt es nur einen Browser, der mit dieser Anweisung etwas anfangen kann. Und selbst den zählen viele gar nicht zu den Browsern sondern eher zu den Problemfällen...
-
Hi,
ich möchte die Grafik im Header meiner Seite sanft zur nächsten Grafik wandern lassen.
Auf http://Coding.binon.net/Transparenz findest Du als Beispiel eine fertige Funktion um (gleich große) Grafiken browserübergreifend zu überblenden.
Gruß, Cybaer
--
Man muß viel gelernt haben, um über das, was man nicht weiß, fragen zu können.
(Jean-Jacques Rousseau, Philosoph u. Schriftsteller)