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

 

Download von VisualLightBox


Download jQuery Photo Gallery Freeware-Version
für Windows OS
Download jQuery Photo Gallery Freeware-Version für
Mac OS

Für den privaten, nicht-kommerziellen Gebrauch ist VisualLightbox kostenlos.colorbox scroll only lightbox

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 Business Edition
für Windows kaufen

$49
Single Website
$69
Unlimited Websites
Business Edition für Mac kaufen 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. popup info window javascript

Meinung

 

    * I just tried the application, It is wonderful idea. Like you said in the website "few clicks without writing a single line of code" because most of the people is not web designers".

    * I LOVE your free Lightbox2 software tool and will purchase the business version shortly. I have seen the Lightbox JS effect used with video tutorials and I was hoping you have a version for video that I can purchase.
Video LightBox: http://videolightbox.com

    * I LOVE your free Lightbox2 software tool and will purchase the business version shortly. I have seen the Lightbox JS effect used with video tutorials and I was hoping you have a version for video that I can purchase.
Video LightBox: http://videolightbox.comstylish popup window in html dhtml

    * 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:Instead of making one page with 40 photos, is there no property to make 2 or more pages?

A:You can do it in the following way:

1. Create your gallery in jQuery Thickbox Alternative and publish it on a local drive in any test folder.
2. Make two copies of the generated index.html file (for example index1.html and index2.html).
3. Open index.html, index1.html and index2.html files in any text editor.
4. Find code for the gallery inside the BODY tag and cut some part of the images, so you'll have different images on each page.

<!-- Start jQuery Thickbox Alternative.com BODY section -->
<div class="gallery">
<!-- leave the following code on index.html page -->
<a href="./data/images/1.jpg" rel="lightbox[sample]" title="Best Toy Ever"><img src="./data/thumbnails/1.png" /></a>
<a href="./data/images/8.jpg" rel="lightbox[sample]" title="PrueaMacro"><img src="./data/thumbnails/8.png" /></a>

<!-- leave the following code on index1.html page -->
<a href="./data/images/3.jpg" rel="lightbox[sample]" title="Macro Leaf."><img src="./data/thumbnails/3.png" /></a>
<a href="./data/images/11.jpg" rel="lightbox[sample]" title="Bell Pepper"><img src="./data/thumbnails/11.png" /></a>

<!-- leave the following code on index2.html page -->
<a href="./data/images/5_0.jpg" rel="lightbox[sample]" title="5"><img src="./data/thumbnails/5_0.png" /></a>
<a href="./data/images/6_0.jpg" rel="lightbox[sample]" title="6"><img src="./data/thumbnails/6_0.png" /></a>

<!--[if lte IE 6]><script src="engine/js/pngfix_vlb.js" type="text/javascript"></script><![endif]-->
<a id="vlightbox" href="http://jQuery Thickbox Alternative.com/">Online Photo Album Sharing by jQuery Thickbox Alternative.com</a>
</div>
<!-- End jQuery Thickbox Alternative.com BODY section -->

5. Create links to switch between your pages, for example:
<a href="index.html">1</a>  <a href="index1.html">2</a>  <a href="index2.html">3</a> 


Q:I want to change color of the overlay shadow? How can I do this?

A:Open engine\css\jQuery Thickbox Alternative.css and find the following code:

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #FFF;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

set the background-color parameter :

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #FF00FF;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}





DEMOS

deluxe pop up flash Javascript Popup Blocker

on click java pop up box Javascript Popup Blocker

javascript open window with effect Javascript Popup Blocker

lightbox colorbox Javascript Popup Blocker



Screenshot


how design popup window by js Javascript Popup Blocker

Auszeichnungen

popup windwo
javascript ajax window popup
javascript mobile photo gallery