Klasse! Vielen Dank, jetzt klappt es.
lg Nadja
Beiträge von nadjak
-
-
Hallo,
ich baue gerade eine Seite mit einem "Fahreffekt" bei Klick auf einen Menüpunkt. Das klappt auch wunderbar. JEtzt hab ich aber auch die Möglichkeit ganz normal zu scrollen. Dabei soll natürlich auch die jeweiligen Menüpunkte gehilighted werden wenn sie auf dem Bildschirm erscheinen. Ich hab das ganze mit appear() (https://github.com/morr/jquery.appear) "gelöst". In Anführungszeichen deshalb, weil es nicht so richtig funktioniert. Wenn ich von oben nach unten scrolle geht es wunderbar, doch sobald ich wieder nach oben scrolle wechselt er nicht mehr und auch dann nicht, wenn ich davor schonmal einen der Menüpunkte angeklickt hatte. Leider weiß ich so gar nicht mehr, wie ich das Problem noch lösen könnte. Vielleicht kann mir jemand von euch helfen, oder hat einen anderen Tipp wie ich das Menühilighten umsetzen kann.Hier ist noch das Stück Quelltext in dem die Funktion verwendet wird:
PHP
Alles anzeigen$('#start').appear(function() { $('.menu').removeClass('selected'); $('.start').addClass('selected'); }); $('#service').appear(function() { $('.menu').removeClass('selected'); $('.service').addClass('selected'); }); $('#referenzen').appear(function() { $('.menu').removeClass('selected'); $('.referenzen').addClass('selected'); }); $('#netzwerk').appear(function() { $('.menu').removeClass('selected'); $('.netzwerk').addClass('selected'); }); $('#faq').appear(function() { $('.menu').removeClass('selected'); $('.faq').addClass('selected'); }); $('#kontakt').appear(function() { $('.menu').removeClass('selected'); $('.kontakt').addClass('selected'); }); $('#impressum').appear(function() { $('.menu').removeClass('selected'); $('.impressum').addClass('selected'); });
Und dann hätte ich noch eine zweite Frage. Da sich ja der komplette Inhalt auf einer Seite befindet, braucht die Seite inzwischen doch etwas lang zum laden. Wie /Wo könnte ich denn optimieren? Habt ihr ein paar Tipps, was ich machen könnte, oder wo ich was vereinfachen könnte, oder auslagern,.....
Die Seite findet ihr hier: http://playground.lamisch.de/fuxdesign/
Benutzer: CWilke
PW: FuxdesignGanz lieben Dank schonmal
lg Nadja -
Erstmal ganz lieben DAnk für deine Antwort.
Ich werd das (fast) gleich mal ausprobieren.
Danke schonmal!
lg NAdja -
Danke für deine Antwort.
Hier ist ein Link zur SEite (funktioniert aber noch nicht alles!): http://playground.lamisch.de/fuxdesign/
Benutzer: CWilke
PW:Fuxdesign
Es geht zum einen um die Bilder die gleich oben zu sehen sind. Da soll der TExt eigentlich erst auf Mouseover erscheinen und dafür das Bild "verschwinden". Und zum anderen geht es um den Bereich "Netzwerk". Also um die Fuxköpfe. Da soll auch bei Mouseover der Kopf verschwinden und dafür der Infokasten eingeblendet werden.Danke schonmal
lg NAdja -
Hallo,
ich bräuchte mal bitte eure Hilfe / Ratschlage.
Ich erstelle gerade eine Seite bei der bei Rollover eines Divs dieser ausgeblendet und ein anderer eingeblendet werden soll (der zweite soll also den ersten ersetzen). Da diese Elemente aber nicht fest an einer Stelle sind, kann ich die divs nicht direkt mit absoluter Positionierung übereinander platzieren. Meine Idee war es jetzt, mit jQuery, das eine div durch das andere mit replaceWith() zu ersetzen. Allerdings ist das zweite div etwas umfangreicher mit Text und Bild. Daher bin ich mir nicht so sicher, ob das eine gute Lösung ist. Was meint ihr? ODer habt ihr eine andere Idee, auf die ich nicht komme....
Ach ja, es ist nicht nur ein solches div das durch ein anderes ersetzt wird, sondern mehrere.
Vielen Dank schonmal
lg Nadja