Autor |
Nachricht |
SimonDerDude
Threadersteller
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Do 28.01.2010 10:46
Titel <div> Verstecken / Anzeigen |
|
|
Tagchen,
ich wollte mal meine Gleichgesinnten fragen ob mein Konzept meines Portfolios realisierbar ist ^^
Folgendes:
- Webseite ist breiter als lang, also erfolgt das scrollen horizontal
- Es gibt nur die "Startseite"
Ausserdem sind die Links auf der ganzen Seite verteilt ( Benutzer wird gezwungen zu scrollen )
>> Versteckte Navigation ist aber linksbündig eingebaut
Da Bilder und Text auf einer Seite geladen werden zerrt dieses Konzept sehr an der Leitung,
daher möchte ich dass die <div> Bereiche welche "noch" nicht sichtbar sind ( da der Monitor es nicht zulässt )
verstecken und im Hintergrund laden:
>Benutzer kommt auf die Seite
>Linker Bereich der Seite wird geladen - Benutzer sieht "Willkommens-Teil"
>In der selben Zeit werden die restlichen Bereiche geladen ( rechter Bereich der nicht sichtbar ist)
>Benutzer scrollt nach rechts was bewirkt, dass das versteckte, geladene <div> angezeigt wird
Es geht grundsätzlich darum, dass der Erste Ladevorgang nicht 10sec dauert. Sind die <div> einmal geladen und auch sichtbar müssen diese nicht wieder versteckt werden.
Ich hoffe man versteht mich.
Besten Dank
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Do 28.01.2010 11:17
Titel
|
|
|
ja, geht.
|
|
|
|
|
Anzeige
|
|
|
SimonDerDude
Threadersteller
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Do 28.01.2010 11:51
Titel
|
|
|
Mit welcher Scriptsprache gehe ich an die Sache ran?
Gibt es Vorlagen womit ich arbeiten kann?
Was muss ich beachten?
Ich weiss >Google< , der Thread soll aber auch anderen dienen.
|
|
|
|
|
phihochzwei
Moderator
Dabei seit: 08.06.2006
Ort: Mülheim an der Ruhr
Alter: 46
Geschlecht:
|
Verfasst Do 28.01.2010 12:03
Titel
|
|
|
CSS und Javascript
|
|
|
|
|
easteregg
Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht:
|
Verfasst Fr 29.01.2010 01:35
Titel
|
|
|
Oder direkt ein konkreter Tipp für den Punkt "nur laden, wenn sichtbar": jQuery, Plugin lazy load
|
|
|
|
|
SimonDerDude
Threadersteller
Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht:
|
Verfasst Fr 29.01.2010 09:32
Titel
|
|
|
Hört sich gut an vielen Dank.
In die index.php soll also:
Code: | <script type="text/javascript">
jQuery(document).ready(function($){
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "#",
failurelimit : 200,
threshold : 800
});
});
</script> |
Und extern lade ich die .js mit dem ellenlangen code.
Ich habe mir bist jetzt noch kein Javascript angeeignet deswegen hagelts so viele Fragen x)
Das Portfolio soll für mich auch als Lehrgang dienen.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Bild anzeigen und verstecken sowie ändern mit einem Link
Verstecken von Sourcecode
code vor dem IE6 verstecken
emailadressen verstecken
In einem PDF Seiten verstecken
Empfänger verstecken - Newsletter
|
|