AjaxLike DivViewer - Seite Abdunkeln

[seballa]

Hallo,

ich habe im Script Resource den AjaxLike DivViewer gefunden. Sehr nett und funktioniert sehr gut. Ich würde aber gern den Hintergrund abdunkeln wenn ein Bild geladen ist. Leider kann ich kein Javasript.

Wo muss ich das Scritp anpassen (der Code versteckt sich hinter dem Link) und
wie erzeuge ich ein DIV über den ganzen Bildschirm, möglichst IE sicher mit Javascript?

Vielen Dank
Seballa

[Kropff]

Re: AjaxLike DivViewer - Seite Abdunkeln

Original geschrieben von seballa
ich habe im Script Resource den AjaxLike DivViewer gefunden.

und der hat doch sicher auch eine doku, oder?

Original geschrieben von seballa
Ich würde aber gern den Hintergrund abdunkeln wenn ein Bild geladen ist. Leider kann ich kein Javasript.

mal damit herumgespielt?

var bgOpacity = 40; 

peter

[seballa]

ja hab ich schon der ändert die Transparenz der Navigations Buttons in der Box. Die Webseite wird vom Script nicht verändert.

Im Grunde brauche ich eine JavaScript Funktion, die über die ganze Webseite ein Div legt. Krieg ich denk ich hin, hab inzwischen die Eigenschaft visible gefunden.

Leider blicke ich im DivViewer nicht durch wie der Aufbau ist. Wenn mir jemand zeigt wo ich ein MeinDIV.visible=false hinschreiben muss bin ich super dankbar.

Seballa

[Kropff]

Leider blicke ich im DivViewer nicht durch wie der Aufbau ist.

ich auch nicht, so lange ich mich nicht durch fast 800 zeilen code gewühlt habe. mein vorschlag. schreib dem autor eine mail und frag ihn persönlich. der weiß am ehesten, wo das hin muss. oder schau mal nach lightbox.js, da geschieht das imho automatisch.

peter

[PHP_Depp]

Hier ist noch was kurzes:

http://www.openwebboard.org/Tutorial...tml?1235363964

Das Faden ist recht einfach gemacht, die Funktion ist vielseitig verwendbar. Ich benutz das öfter Vielleicht hilfts ja.

[seballa]

So habe es geschaft mich selbst reinzuarbeiten (wow ich kann jetzt ein kleines bisschen java script). Wenn man mal ein Stunde damit befasst hat ist das Script sehr schön aufgebaut. Hab ein paar Kleinigkeiten dazu geschrieben:

- Linkleiste um zu bestimmten Bildern zu springen
- Diashow funktion die alle X Sekunden zum nächsten Bild spring an und ausschaltbar
- 2. Linkleiste die bildbezogen eingeblendet wird
- die Seite im Hintergrund wird abgedunkelt

Meine Testseite kann man hier unter Bildergalerie finden:
www.michelsstern.de/neu
ist work in progress, einige Bilder sind dummies und die Links sind nicht zugeordnet.

Wenn jemand Interesse hat kann ich den Code ja hier posten, müsste ich dann aber noch ein bisschen aufräumen.

Seballa

[seballa]

Hi,

Also hier meine etwas veränderte Version des DviViewers mit einer kleinen Anleitung. Ich hoffe der Autor und alle Profis verzeihen mir meine nicht vorhanden Kenntnisse in Sachen Code Formatierung und Form.

LG
Seballa

GAAAANZ einfach:

1. Datei DV1.js ins HTML Verzeichnis (vorher die Stelle suchen wo der HTML Code geschrieben wird [writeHtmlCode()] dort die Zeile "childDVMenu" anpassen (die hier verlinkten Bilder sollten natürlich auch vorhanden sein.)

2. Folgender Code muss in die CSS Datei oder mit <style type="text/css"> </style> in den Head hier kann das aussehen der Links beeinflusst werden

#childDVMenu a:link {color:#ffffff; }
#childDVMenu a:visited {color:#ffffff; }
#childDVMenu a:hover {color:#000000; }
#childDVLinks a:link {color:#ffffff; }
#childDVLinks a:visited {color:#ffffff; }
#childDVLinks a:hover {color:#000000; } 

3. Folgender Code muss in den Head, hier werden die Bilder verlinkt (die Ooiginale Bildergröße muss angegeben werden) und ggf. Unterlinks für die einzelnen Bilder definiert.

<script language="JavaScript" src="./DV1.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
<!--
var myPics = new Array();
var meinLink = new Array();
myPics[0] = '<img src="1.jpg" width="1920" height="1200" border="0" alt="Mein Bild Nummer 1">';
myPics[1] = '<img src="2.jpg" width="1920" height="1200" border="0" alt="Immer zweiter">';

meinLink[2] =   '<a href="http://www.meindummielink.de" target="_blank">Dummielink</a> - <a href="http://www.nochmal.de" target="_blank">Nochmal</a>';
</script> 

4. Folgender Code muss irgendwo in den Body

<a href="#" onClick="ZeigsBild();return false;" title="Starte Bilderrundgang">Starte Bilderrundgang</a>

<noscript>Bitte JavaScript in den Browser-Einstellungen aktivieren um den Bilderrundgang sehen zu können!</noscript>

<div id="blackbox" style="position:absolute; top:0px; left:0px; z-index:500; width:100%; height:100%; background-color:#333333; opacity:.60; filter: alpha(opacity = 60); visibility:hidden"></div> 

Das wars schon.