Transparenten Grauschleier über Bild legen

Torsten · 4. August 2006, 19:01

Also ich bin zusammen mit einem Kumpel dran einen Image Hosting Service zu realisieren. Es gibt dabei auch einmal einen Standart & einen Premium Modus.
Jetzt soll im Standart Modus wenn der User sich das Bild anschauen möchte ein grau / transparenter Schleier über das Bild gelegt werden damit es nicht sofort sichtbar ist.
Das soll es erst nach x Sekunden.

Jemand ne Idee wie man das machen kann bin auch mit anderen Lösungsvorschlägen zufrieden...

MfG

Torben Brodt · 4. August 2006, 23:08

ich weiß nicht ob das eine gute "preisstruktur" ist
an traffic kosten euch die beiden user doch das selbe
wie wärs wenn der standard nutzer durch weniger speicher/ geringere bildgröße eingeschränkt wird

aber zurück zu deinem "grauen schleier"
wie wärs denn mit eurem logo als festem wasserzeichen (also direkt ins bild speichern)

aber nach meinen 2 ideen, endlich das was du eigentlich willst:
hier ein grauer schleier über die komplette homepage:
http://www.easy-coding.de/graue-wait-webseite-t1039.html

die maße von grey musst du natürlich in der CSS anpassen, damit auch über ein bild passt

Torsten · 4. August 2006, 23:42

Boh ich hab dich schon vermisst. Aber das mit ner Warte Seite ist noch ne viel bessere Idee. Dankeschön...

Torsten · 20. Mai 2007, 01:09

Folgendes Problem!

Ich wollte das jetzt nicht so machen das man das ganze per klick abbrechen kann sondern das genau in der Mitte des Bildschirms eine Box mit einem Dialog erscheint mit dem man dann das ganze abbrechen kann.

Ich habe das mal kurz versucht hatte aber dann die Box hinter dem Bild!

Danke schonmal!

Torben Brodt · 20. Mai 2007, 09:01

Als erste Regel gilt: "um so später es im Code aufgerufen wird, um so höher ist es angesiedelt"

Ansonsten mit z-index arbeiten

Torsten · 20. Mai 2007, 13:50

Jo habs jetzt auch schon selbst hinbekommen *g*...

Quellcode

<div id='waitDiv' style='border:1px solid #000000; position:absolute;left:35%;top:10%;text-align:center; z-index:5; width:289px; height:170px; display:none; background-image:url('img/bg_.png')'>
<center>
<a href="javascript:abort();" style="cursor:auto">Abbrechen</a>
Weiterleitung in <div id="dl">xx</div> Sekunde(n)
</center>
Bitte beachte das nach der Weiterleitung die IP Sperre gesetzt wird. Wenn du also nicht sicher bist ob du deinen Code nutzen willst so klicke noch schnell auf abbrechen...
</div>

Das doe Box die ich dann mit js also

Quellcode

document.getElementById("waitDiv").style.display = "list-item";

anzeigen lasse!

Kann man nicht auch was anderes als list-item nehmen???[/quote]

Torben Brodt · 20. Mai 2007, 15:32

wie kommst du denn auf list-item ?
list-item ist das selbe wie block, nur eben, dass es ein list-item - eine aufzählliste - ist.

Torsten · 20. Mai 2007, 17:09

Kein Plan!

Habs einfach gemacht & es ging! Naja nehme ich halt block^^

Danke

mad · 20. Mai 2007, 17:41

kleiner Tipp: Standard wird und wurde auch schon immer mit "d" am Ende geschrieben.

http://www.k-faktor.com/standart/

Torsten · 20. Mai 2007, 20:00

An wenn war das jetzt?

BennyBunny · 20. Mai 2007, 20:52

Und wen mit einem n :roll:

Torsten · 20. Mai 2007, 23:29

Sonst irgendwelche Probleme habt ihr nicht noch?
Ich bin schon 4 Jahre aus der Schule da kann man schon so Probleme mit der Rechtschreibung bekommen...

Also und ob jetzt wenn oder wen jeder versteht was ich meine???

Desweiteren hab ich sowieso einen Schaden der leider dafür sorgt das ich an jedem zweiten Wort hängen bleibe, da ich mir immer überlegen muss ob das jetzt richtig geschrieben ist oder nicht!

mad · 21. Mai 2007, 08:05

Ok, das kann man nicht wissen, tut mir leid.
Mein Post war eigentlich darauf ausgelegt, den typischen Fehler Standard mit t am Ende zu schreiben, aufzuzeigen.

aber genug davon, zurück zum Thema

cya

Transparenten Grauschleier über Bild legen

Transparenten Grauschleier über Bild legen

Quellcode

Quellcode

Teilen

Tags