mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 00:27 Benutzername: Passwort: Auto-Login

Thema: <div> Verstecken / Anzeigen vom 28.01.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> <div> Verstecken / Anzeigen
Autor Nachricht
SimonDerDude
Threadersteller

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Do 28.01.2010 10:46
Titel

<div> Verstecken / Anzeigen

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Do 28.01.2010 11:17
Titel

Antworten mit Zitat Zum Seitenanfang

ja, geht.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
SimonDerDude
Threadersteller

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Do 28.01.2010 11:51
Titel

Antworten mit Zitat Zum Seitenanfang

Mit welcher Scriptsprache gehe ich an die Sache ran?
Gibt es Vorlagen womit ich arbeiten kann?
Was muss ich beachten?

*bäh* Ich weiss >Google< , der Thread soll aber auch anderen dienen.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
phihochzwei
Moderator

Dabei seit: 08.06.2006
Ort: Mülheim an der Ruhr
Alter: 46
Geschlecht: Männlich
Verfasst Do 28.01.2010 12:03
Titel

Antworten mit Zitat Zum Seitenanfang

CSS und Javascript
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
easteregg

Dabei seit: 15.02.2003
Ort: Deutschland
Alter: 36
Geschlecht: Männlich
Verfasst Fr 29.01.2010 01:35
Titel

Antworten mit Zitat Zum Seitenanfang

Oder direkt ein konkreter Tipp für den Punkt "nur laden, wenn sichtbar": jQuery, Plugin lazy load
  View user's profile Private Nachricht senden
SimonDerDude
Threadersteller

Dabei seit: 15.01.2010
Ort: error: undefined
Alter: 35
Geschlecht: Männlich
Verfasst Fr 29.01.2010 09:32
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.