zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden jQuery Parallax

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.01.2012, 03:31
Benutzerbild von Korasu
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.05.2007
Beiträge: 106
Korasu befindet sich auf einem aufstrebenden Ast
Standard jQuery Parallax

Hallo,

ich beschäftige mich derzeit mit dem Parallax-Effekt und habe garkeine Ahnung.

Beispielseite: KORASU

Ich möchte das die Grafik ganz oben links ausgerichtet ist und sich nur leicht nach rechts oder unten verschiebt. Nur wenige Pixel. Jedoch verfolgt sie bei mir die Maus. Später sollen noch weitere Grafiken jeweils in die anderen Ecken des Browsers kommen, die den gleichen Effekt haben.

Nun ich weiß leider nicht wo ich da nachgucken muss, was ich ändern muss und überhaupt. Ich bräuchte jemanden der mir das eventuell mal genauer erklären kann. Alle Tutorials die ich dazu finde beziehen sich eben immer nur auf ein festen, kleinen Div-Container und nicht eben auf einen kompletten Browsergroßen Div-Container.

Ich hoffe mir kann da jemand behilflich sein.

Mein HTML:
HTML-Code:
<div id="parallax">
			<img id="lt" class="parallax-layer" src="inc/img/lefttop.png" alt="" style="width:346px;height:235px;" />
		</div>
Mein CSS:
Code:
#parallax {
height: 100%;
width: 100%;
z-index: 2;
overflow: hidden;
position: absolute;
background: none;
}
.parallax-layer {
position: absolute;
}
.parallax-viewport {
position: relative;
overflow: hidden;
}
#lt {
top: -1%;
left: -1%;
}/*
Links zu den JS-Dateien: http://korasu.de/parallax/inc/js/jqu...arallax.min.js und http://korasu.de/parallax/inc/js/jquery.event.frame.js
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.01.2012, 17:49
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Schau dir mal bitte das folgende an: The parallax effects with jQuery | Franck Maurin
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.01.2012, 18:42
Benutzerbild von Korasu
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.05.2007
Beiträge: 106
Korasu befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

danke für deine Hilfe. Den Link kenne ich, das Beispiel bezieht sich doch aber aufs scrollen?
Leider sind meine Kenntnisse so gegen Null das ich nicht wüsste wie ich das für mich umbauen kann. :/
Mit Zitat antworten
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
jQuery (coda slider) und prototype (Lightbox) konflikt computernerd Javascript & Ajax 3 21.09.2011 20:04
jquery Plugins in Wordpress nutzen? hdwolle Javascript & Ajax 2 10.01.2010 17:15
Hover Problem bei JQuery charlie Javascript & Ajax 2 03.01.2009 08:01
JQuery + Wordpress VoinG Javascript & Ajax 0 29.12.2008 17:03
Suckerfish mit JQuery dayscott Javascript & Ajax 1 22.10.2007 17:22


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