Sponsored Links |
|
||||
Selfhtml
Hab ich was verpasst? Sowas sollte doch mit JavaScript funktionieren. Allerdings bist du sicher, dass du da ein ständig bewegendes Element haben willst? Sollen die Bilder in der Laufleiste aus einer Galerie kommen oder woher?
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
||||
Das ist doch das Forum zu der SELFHTML-Seite? Oder habe ich mich etwas verirrt? Dann wäre mein Eingangslob natürlich hier etwas irritierend...
Jedenfalls zu der Frage: Es soll auf einer Eingangsseite zu einem HP-Bereich sein, also lediglich ein dekoratives Element. (Auf der eigentlichen Seite wird dann eine richtige Bildergallerie mit entsprechenden thumbs und Untertiteln zu besichtigen sein.) Das Bild für die Laufleiste würde nur ein einziges .jpg sein, alle Einzelbidler zusammengesetzt. (Am Anfang und Ende der Leiste identisch, damit beim Zurücksetzten kein "Ruck" entsteht.) Wenn du also sagst, das ist mit JavaScript machbar, werde ich mich in dieser Richtung mal genauer umschauen. Danke. mfg Tobi Edit: Ok, jetzt habe ich gesehn, wie ich hier gelandet bin: über einen Link auf der SELFHTML-Seite, aber nicht deren eigenes Forum. Angesichts der Schnelligkeit der ersten Antwort auf meinen Eingangspost bin ich hier aber bestimmt nicht falsch gelandet. Dann also nachträglich: Grüße an die XHTML-Community! Geändert von Tobi Berlin (02.09.2009 um 10:20 Uhr) |
|
||||
Zitat:
Wenn es nur Deko ist, wieso soll es sich bewegen? Musst du von was ablenken?
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
Nutzt du ein Javascript-Framework (zum Beispiel MooTools oder jQuery)?
Ich schätze mal dafür gibt es schon fertige Lösungen, ansonsten ist so ein „Laufband“ auch schnell geschrieben. Ohne Framework würde ich mir das nicht antun. |
|
|||
vielleicht entspricht dieses Script deinen Vorstellungen?
Dynamic Drive DHTML Scripts- Conveyor Belt slideshow script Rico |
|
||||
@Crizzo, es bewegt sich sehr langsam. (Ich habe den Entwurf jetzt mit PPP gemacht - die gesamte Leiste ist zum durchlaufen auf 80 Sekunden eingestellt)
Warum es sich überhaupt bewegen soll? Naja, gute Frage. Es ist eben eine (relativ) inhaltsleere Eingangsseite, 2 Links, einer zum "home", einer zur Kontaktseite. Mir ist das Problem mit solchen Seite schon bewußt, aber damit es trotzdem lebendig und attraktiv aussehen soll, bewegt sie sich. Genauer gesagt: eine Leiste unten nach rechts, eine andere oben nach links. Das hört sich jetzt schon fast chaotisch an, aber viele Kollegen haben es schon gesehen, sind kritisch genug, und es gefällt . In der Mitte groß unser Logo auf einem etwas grob texturiertem Hintergrund... Wer möchte, ich kann ja mal ein screeny hochladen, aber hier gehts ja erstmal ums technische.^^ @inta, ich bin wie gesagt, leider noch blutiger Anfänger in jeglicher Web-Programmierung. Unsere jetzige HP ist ohne sonstirgendwelche tools, technisch eher mittelmäßig, aufgebaut, von jemand anderem mit frontpage gemacht... Aber ich kann mir schon vorstellen, dass es dafür fertige Scripts gibt, befinde mich aber immer noch in der Anfangsphase und auf der Suche. LG Edit:@rico, danke für den Link. und danke für die Bewertung @inta ... also ich werde sowas aber erst dann benutzen, wenn ich es selbst einigermaßen verstehen kann, aber wenn der code gleich noch Werbung mit auf meine Seite plaziert (die ich laut Komentar-tag nicht weglassen darf ) dann suche ich lieber noch etwas weiter^^ ... außerdem ist der 5 jahre alt Geändert von Tobi Berlin (02.09.2009 um 14:56 Uhr) |
|
|||
da Tobi scheinbar Anfänger ist, stellt sich für ihn nur die Frage, kann er es selber besser lösen, lässt er es sein oder nimmt er halt einen Code, der nicht allen Ansprüchen genügt.
Besser als in Schönheit zu sterben, würde ich mich mit weniger Ansprüchen begnügen. Es gibt übrigens im Web einige solcher oder ähnlicher Scripts. Etwas suchen dürfte sich lohnen. Rico |
Sponsored Links |
|
||||
Habe den Thread mal überflogen und hier nen kleines Beispiel gemacht, meintest du es so in etwa?
HTML-Code:
<html> <head> <style type="text/css"> #scroll_box { height: 95px; width: 500px; position: relative; overflow: hidden; } #scroll_box img { position: absolute; } </style> <script type="text/javascript"> function scroller_start(img_width, scroll_speed) { var pics = document.getElementById('scroll_box').getElementsByTagName('img'); // Bilderliste ermitteln var spos = 0; // Startposition des Scrollers window.setInterval(function() { // Intervallaufruf starten if (--spos < -img_width) { // Wenn Bild 1 rausgeschoben, spos = 0; // dann zurücksetzen } pics[0].style.left = spos + 'px'; // Position Bild 1 setzen pics[1].style.left = (spos + img_width) + 'px'; // Position Bild 2 setzen }, scroll_speed); } </script> </head> <body onload="scroller_start(1000, 30)"> <!-- 1000px Breit, 30ms Scrollpause --> <div id="scroll_box"> <img src="http://xhtmlforum.de/images/x_layout/top_left_dark.jpg" alt="" /> <img src="http://xhtmlforum.de/images/x_layout/top_left_dark.jpg" alt="" /> </div> </body> </html>
__________________
Geändert von Pr0g (02.09.2009 um 17:50 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fehler bei Bildlaufleiste | Erdbeertorte | CSS | 2 | 09.10.2009 15:56 |
Wie würdet ihr folgendes realisieren? | ChOpSueY! | Offtopic | 9 | 17.05.2008 14:23 |
JS: 360° View realisieren? | Passi | Javascript & Ajax | 1 | 15.09.2007 12:37 |
Ein Interview realisieren | Achereto | Barrierefreiheit | 13 | 10.03.2006 18:54 |
Bildlaufleiste des IE unsichtbar machen | Jürgen | CSS | 10 | 06.06.2003 16:15 |