Überblick Beispiel DEMO Download Unterstützung Meinung Fragen

JavaScript Popup Window

Überblick

VisualLightBox ist ein kostenloses Hilfsprogramm, mit dem Sie ganz einfach Fotogalerien mit modernem LightBox-Effekt für das Internet erstellen können. Sie brauchen keinerlei Programmierkenntnisse. Mit nur wenigen Mausklicks gestalten Sie effektvolle Bildergalerien. Dazu benötigen Sie keinerlei Kenntnisse über Javascript, CSS, HTML, Programmierung oder Bildbearbeitung. Mit nur wenigen Klicks stellen Sie sich eine beeindruckende Galerie zusammen.

More Demos Free Download

Das folgende Bild gesetzt von jQuery Thickboxgeneriert. Klicken Sie ein Bild zur Galerie laufen.

Weitere Funktionen

jQuery Plugin oder Prototyp- Erweiterung
Fließende und gleichmäßige Überblendungen
Bildergalerie mit Autostart-Option
Versionen für Windows & MAC verfügbar
XHTML kompatibel
Zoom-Effekt mit überlagerndem Schatten
Runde Ecken für Vordergrundobjekt
Bildgrößen-Anpassung an das Browserfenster
Verschiedene Designs für die Bildergalerie
Automatisches Anlegen von Vorschaubildern
Hinzufügen von Bildbeschreibungen
Integrierter FTP-client (Galerie per FTP ins Internet laden)

Download von VisualLightBox

Freeware-Version
für Windows OS

Freeware-Version für
Mac OS

Für den privaten, nicht-kommerziellen Gebrauch ist VisualLightbox kostenlos.javascript gallery wordpress bild ändern

Für die kommerzielle Verwendung gibt es VisualLightBox zu einem günstigen Preis. Die Business Edition von VisualLightBox bietet zusätzlich die Möglichkeit, den VisualLightBox-Schriftzug in den Bildern zu entfernen und, wenn gewünscht, durch einen eigenen Schriftzug bzw. Link auf die eigene Web-Seite zu ersetzen. Nachdem Sie das sichere Bestellformular ausgefüllt haben, erhalten Sie eine E-Mail mit einem Lizenzschlüssel, der Ihre Freeware-Version zu einer Business-Version macht. Es stehen die gebräuchlichsten Zahlungsarten wie Kredit-Karte, Überweisung, Scheck, PayPal u.a. zur Verfügung.

Business Edition für Windows kaufen
	$49 Single Website	$69 Unlimited Websites

Business Edition für Mac kaufen
	$49 Single Website	$69 Unlimited Websites

Support

Für die Fehlersuche, bei Anwender-Fragen sowie zu allgemeiner Hilfe wenden Sie sich bitte an unseren Kunden-Service: Bei Ihrer Anfrage teilen Sie uns bitte unbedingt mit, welches Betriebssystem, welchen Internet-Browser und welche Version von VisualLightBox Sie verwenden. Senden Sie uns gegebenenfalls auch einen Link zu Ihrer im Internet veröffentlichten Bildergalerie oder entsprechenden Script-Code. gallery javascript slide

Meinung

* I would like to say that Visual LightBox is a stunning lil program! Its almost too good to be true i'd say! I've been looking for tutorials to create a lightbox gallery, but just couldnt come right. Im so glad i found Visual LightBox!

* Let me start just congratulating you, good job, really. I am trying out the free version before I buy it. It works great.

* Great product by the way and saved me loads of time. I really like your Visual LightBox program! Very nice.ajax modal popup close javascript

* I'd like to express my gratitude to your efforts on creating such a nice piece of program and best of all it's free! Keep out the good work and I hope to see new features in the near coming future to rate you 5 star!

Fragen

Q:Is it possible to load a gallery from within image? So the gallery loads externally?

A:You should start the gallery onClick:

1) Add the following function into the <head> tag:

2) Specify the onClick event for the image (or link):
<img src="thumbnail_gr.jpg" onClick="javascript:showLightBox()" title="Click to see the demo" style="cursor: pointer;">
3) Set the ID for any image in your gallery (id="firstImage"), for example add it to the first image:
<a rel="lightbox_vlb" href="data/images/dscn6831.jpg" title="dscn6831" id="firstImage">
4) Use 'display: none;' property for your gallery in engine\css\vlightbox.css. Just change the following code:

#vlightbox a{
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:3px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-align:center;
opacity:0.87;
}

to:

#vlightbox a{
display:-moz-inline-stack;
display:none;
zoom:1;
*display:inline;
position:relative;
vertical-align:top;
margin:3px;
width:160px;
font-family:Trebuchet,Tahoma,Arial,sans-serif;
font-size:11px;
font-weight:normal;
text-align:center;
opacity:0.87;
}