ritschmanhard: Wie erstelle ich einen Grafikeffekt über die Seite?

Beitrag lesen

Hi Vintageologist,

mal davon abgesehen, dass dein Vorhaben die Besucher deiner Seite wohl eher nervt/zur Verzweiflung bringt (Ich stelle mir gerade ein Kiddy mit PS3/Fernseherkombi auf deiner Internetseite vor, das verzweifelt den Fernseher bearbeitet), denke ich, dass folgender Ansatz möglich wäre (wichtig hierbei ist, dass imho ein Element einfach nicht erreichbar ist, wenn es im Hintergrund liegt):
Erzeuge deine Seite in 3 Ebenen (-1 background, 1 middle, 2 foreground).
Ebene -1: Enthält deine Seite (komplett)
Ebene 1: Enthält das animierte, transparente GIF (repeated) und die Iframes
Ebene 2: Enthält deine Seite (komplett, mit Transparenz für den Hintergrund aller Textelemente, Bilder sind durch gleichgroße, transparente GIFs zu ersetzen - Flash kann nicht "hinter" dein Schneegestöber geschoben werden, sonst ist es nicht mehr bedienbar).

Am leichtesten realisierst du das Ganze wohl über eine Seite mit folgendem Aufbau:
(...)

  
<body style="position:absolute; top: 0px; left:0px; z-Index:1;[ref:self812;css/eigenschaften/hintergrund.htm#background_repeat@title=background-image...]">  
<iframe src="example.com[deine Seite]?useCSS=normal" style="position:absolute; top: 0px; left:0px; z-Index:-1" />  
<iframe src="example.com[deine Seite]?useCSS=foreground" style="position:absolute; top: 0px; left:0px; z-Index:2" />  
</body>  
</html>  

In deiner Seite verwendest du ein Javascript, um den Parameter auszuwerten:
<script type="text/javascript">

  
var mySrc=self.location.search.split("=");  
var parVal=mySrc[mySrc.length -1];  
if (parVal=="foreground")  
{  
   //wende css mit background html elements transparent an  
   //setze alle img quellen auf "transparent.gif"  
}  
else if (parVal=="normal")  
{  
  //hier ist eigentlich nichts besonderes los  
}  

</script>

Probleme neben der bereits erwähnten Userbelästigung sind:

  1. du verwendest jetzt Frames - das ist nachteilig.
  2. du benötigst jetzt Javascript für die Seitendarstellung - das ist nachteilig.
  3. Deine Seite benötigt länger für die Darstellung - das ist nachteilig.

Für Suchmaschinen könntest du (1) etwas durch eine bessere Ebenenwahl entschärfen:
Ebene 1: Enthält deine Seite (komplett) und die Iframes
Ebene 2: Enthält ein dummy html mit animiertem, transparentem GIF (repeated)
Ebene 3: Enthält deine Seite (komplett, mit Transparenz für den Hintergrund)

Dann wird der Content deiner Seite beim Aufruf ohne Iframeberücksichtigung gefunden.

Grüße,
Richard