PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Landkarte mit Scrollfunktion
Beitrag
<blockquote data-quote="Quabbe" data-source="post: 1553561" data-attributes="member: 39527"><p><strong>AW: Landkarte mit Scrollfunktion</strong></p><p></p><p>Bei mir tut sich da nix. <img src="/styles/default/xenforo/smilies/uhm.gif" class="smilie" loading="lazy" alt=":(" title="Frown :(" data-shortname=":(" /></p><p></p><p>Kann sein, dass ich grad den Durchblick verloren habe. Ich hab hier alle möglichen index.html und scroll.js geöffnet und switche ständig zwischen meinem Caeruin- und unperfektdesign-Ordner hin und her und lade alle paar Minuten irgendwas hoch und wieder runter ... erstmal Ordnung schaffen hier.</p><p></p><p>edit: auf <a href="http://www.unperfektdesign.de" target="_blank">www.unperfektdesign.de</a> liegen die beiden Bilder jetzt nebeneinander. Hilft vielleicht etwas, den Durchblick zu behalten.</p><p></p><p>edit2: wooooza, ich glaub, ich habs! Beide Scripte verrichten nun ihren Dienst, wie es sein soll! Ich hab das js-Zeugs einfach komplett in die scroll.js gepackt und schon hats geklappt! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /> Jetzt muss ich aus beidem nur noch eins machen ...</p><p></p><p>edit3: muss ich dazu einfach die Klassen (bzw. Var) ändern? Also aus 'mousemove' zB demo-inner machen?</p><p>[code] var scroll1 = new Scroller('mousemove', {area: 60, velocity: 0.8}); </p><p> // Mousemove</p><p> $('mousemove').addEvent('mouseover', scroll1.start.bind(scroll1));</p><p> $('mousemove').addEvent('mouseout', scroll1.stop.bind(scroll1));[/code]</p><p></p><p>edit4: hrhr, so siehts wohl aus. War einfacher, als ich dachte. Wobei es nicht demo-inner war, sondern demo-wrapper. Jetzt läuft endlich alles! <img src="/styles/default/xenforo/smilies/biggrin.gif" class="smilie" loading="lazy" alt=":D" title="Big Grin :D" data-shortname=":D" /> <img src="/styles/default/xenforo/smilies/biggrin.gif" class="smilie" loading="lazy" alt=":D" title="Big Grin :D" data-shortname=":D" /></p><p></p><p>Vielen vielen Dank, ArtiHI! <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile :)" loading="lazy" data-shortname=":)" /></p><p></p><p>Wenn ich jetzt noch eine Art transparenten Streifen über den Rand legen möchte, der beim Hovern dunkler wird - wie im Bild im Startpost zu sehen -, wie bekomme ich das hin?</p></blockquote><p></p>
[QUOTE="Quabbe, post: 1553561, member: 39527"] [b]AW: Landkarte mit Scrollfunktion[/b] Bei mir tut sich da nix. :( Kann sein, dass ich grad den Durchblick verloren habe. Ich hab hier alle möglichen index.html und scroll.js geöffnet und switche ständig zwischen meinem Caeruin- und unperfektdesign-Ordner hin und her und lade alle paar Minuten irgendwas hoch und wieder runter ... erstmal Ordnung schaffen hier. edit: auf [url]www.unperfektdesign.de[/url] liegen die beiden Bilder jetzt nebeneinander. Hilft vielleicht etwas, den Durchblick zu behalten. edit2: wooooza, ich glaub, ich habs! Beide Scripte verrichten nun ihren Dienst, wie es sein soll! Ich hab das js-Zeugs einfach komplett in die scroll.js gepackt und schon hats geklappt! :) Jetzt muss ich aus beidem nur noch eins machen ... edit3: muss ich dazu einfach die Klassen (bzw. Var) ändern? Also aus 'mousemove' zB demo-inner machen? [code] var scroll1 = new Scroller('mousemove', {area: 60, velocity: 0.8}); // Mousemove $('mousemove').addEvent('mouseover', scroll1.start.bind(scroll1)); $('mousemove').addEvent('mouseout', scroll1.stop.bind(scroll1));[/code] edit4: hrhr, so siehts wohl aus. War einfacher, als ich dachte. Wobei es nicht demo-inner war, sondern demo-wrapper. Jetzt läuft endlich alles! :D :D Vielen vielen Dank, ArtiHI! :) Wenn ich jetzt noch eine Art transparenten Streifen über den Rand legen möchte, der beim Hovern dunkler wird - wie im Bild im Startpost zu sehen -, wie bekomme ich das hin? [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Landkarte mit Scrollfunktion
Oben