zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Grafik, Design, Typografie
Seite neu laden selbstständige Bildlaufleiste realisieren?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.09.2009, 09:51
Benutzerbild von Tobi Berlin
APEX Newbie
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.09.2009
Ort: Graz
Beiträge: 104
Tobi Berlin befindet sich auf einem aufstrebenden Ast
Standard selbstständige Bildlaufleiste realisieren?

Liebe SELFHTML-Community,

vorab: Herzlichen Glückwunsch zu dieser Seite! Sehr gut geschriebene Texte, sehr leicht zum Einstieg gestaltet und trotzdem umfassend, informativ, alles, was man sich wünschen kann. Ein großes Danke für die riesen Arbeit, die dahintersteckt! (dies vorab, da das hier mein erster Post in diesem Forum ist, aber es wird bestimmt nicht der letzt sein! )

Nun zu meiner Frage: Ich möchte auf einer Seite eine Bildlaufleiste einbauen, die im unteren Bereich ca. 10% der Bildschirmhöhe einnimmt und, ähnlich einem news-ticker, fortwährend langsam durchscrollt. Ich bin noch blutiger Anfänger. Ich weiß zumindest, dass soetwas mit Flash realisierbar ist. Wie - das könnte ich schon rausfinden. Da die Seite aber technisch so einfach wie möglich sein soll, und da dies technisch eine relativ einfache Sache ist (im Vergleich zu den Möglichkeiten mit Flash) habe ich gedacht, sowas lässt sich evtl. auch mit php oder java verwirklichen, wenn man nur eine sehr langes niedriges .jpg nimmt, sagen wir 150x2000px, wovon 150x900 (oder je nach Bildschirmbreite) jeweils zu sehen sind.

Ist soetwas also auch anders als mit Flash möglich?

Danke vorab, mit besten Grüßen,
Tobi

Geändert von Tobi Berlin (02.09.2009 um 09:57 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.09.2009, 10:04
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von Tobi Berlin Beitrag anzeigen
Liebe SELFHTML-Community,
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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.09.2009, 10:16
Benutzerbild von Tobi Berlin
APEX Newbie
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.09.2009
Ort: Graz
Beiträge: 104
Tobi Berlin befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Crizzo Beitrag anzeigen
Selfhtml
Hab ich was verpasst?
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)
Mit Zitat antworten
  #4 (permalink)  
Alt 02.09.2009, 12:42
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.828
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von Tobi Berlin Beitrag anzeigen
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!
Du bist hier schon richtig.

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
Mit Zitat antworten
  #5 (permalink)  
Alt 02.09.2009, 13:10
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
  #6 (permalink)  
Alt 02.09.2009, 14:37
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2006
Beiträge: 622
Rico wird schon bald berühmt werden
Standard

vielleicht entspricht dieses Script deinen Vorstellungen?
Dynamic Drive DHTML Scripts- Conveyor Belt slideshow script

Rico
Mit Zitat antworten
  #7 (permalink)  
Alt 02.09.2009, 14:45
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Das ist wahrhaftig grausiger Code.
Mit Zitat antworten
  #8 (permalink)  
Alt 02.09.2009, 14:48
Benutzerbild von Tobi Berlin
APEX Newbie
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 02.09.2009
Ort: Graz
Beiträge: 104
Tobi Berlin befindet sich auf einem aufstrebenden Ast
Standard

@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)
Mit Zitat antworten
  #9 (permalink)  
Alt 02.09.2009, 17:30
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 01.06.2006
Beiträge: 622
Rico wird schon bald berühmt werden
Standard

Zitat:
Zitat von inta Beitrag anzeigen
Das ist wahrhaftig grausiger Code.
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
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 02.09.2009, 17:47
Benutzerbild von Pr0g
(^.^)
XHTMLforum-Mitglied
 
Registriert seit: 23.08.2005
Ort: Düsseldorf
Beiträge: 535
Pr0g wird schon bald berühmt werden
Standard

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>
Edit:
Zitat:
Zitat von inta Beitrag anzeigen
Ohne Framework würde ich mir das nicht antun.
Es geht nur um einen kleinen Scroller, warum muss man für alles ein überladenes Framework nehmen -.-
__________________

Geändert von Pr0g (02.09.2009 um 17:50 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:01 Uhr.