Viewers js et Flash

Posté par Exagone
11 mai, 2008

• Lightwindow 2.0 :

http://stickmanlabs.com/lightwindow/

Mamma Mia! rip

Media

Movies, Flash, PDF’s, External Sources, Frame Calls, Images Singles or Gallery Sets!, Forms, Pages, Inline Content.

Tester avec : Windows Firefox/IE6/IE7/Safari3/Opera & Mac Firefox/Safari/Opera/Netscape

Pour en savoir + : http://stickmanlabs.com/lightwindow/#demos

• Multibox de Pathfusion :

http://www.phatfusion.net

jpg / gif / png, swf, flv, mov, wmv, rv / rm / rmv, mp3, html,

Nécessite l’installation de mootools ( http://www.mootools.net/ )

Tester avec : Firefox 2 (mac / pc), IE 7, IE 6, Safari (mac)

Tutorial ici : http://woork.blogspot.com/2008/01/lightbox-using-mootools-and-pathfusion.html

• Shadowbox

http://mjijackson.com/shadowbox/

Shadowbox supports all of the most popular web media formats including images, QuickTime, Windows Media Player, Flash, Flash video, HTML, and even external web pages.

Thumb Gallery, Image Map

Flash (Single SWF, SWF, Gallery swf, s Flash Video)

The Outlaw Josey Wales trailer Movies (Single Movie (mov) Single Movie (mpeg-4, controller disabled) Single Movie (wmv) Apple.com TrailerYouTube Google Video Movie Gallery MOV WMV FLV Mixed Content Gallery swf movie iframe)

Web (page embarquées ou externes)

• Lightbox2 :

download For the Moment movie

http://www.huddletogether.com/projects/lightbox2/

Seulement des images. Mais tres leger.

Version pour WordPress : http://zeo.unic.net.my/notes/wp-lightbox-js-wordpress-plugin/

• Flashbox

http://www.matthijskamstra.nl/laboratory/flashbox/

Léger, fonction diaporama et chemin de fer

• Slimbox

http://www.digitalia.be/software/slimbox

Hounddog ipod

Très léger, nécessite mmotool framework, pas de diaporama

• Dew Slider

http://www.alsacreations.fr/dewslider

• IBox

Très léger, affiche images, documents, video, html, formulaires…

http://www.ibegin.com/labs/ibox/

• Simple Wiewer – Postcardviewer – Tiltviewer 3D
Très léger, affiche seulement des images, simple efficace

The Secret of NIMH hd http://www.airtightinteractive.com/simpleviewer/

• Lightbox + photonav = Lightnav

C’est facile! voici comment faire:

1. Download Lightbox and upload to your webpage.

Aller sur Lightbox project page and download the zip: http://www.huddletogether.com/projects/lightbox2/#download

The files from the zip we are going to need are: lightbox.js, lightbox.css and the images in the images folder.

For this installation, we don’t need the prototype.js and scriptaculous.js file from this zip.

Now upload the files to your server. Check the lightbox.js file in the top section for the image paths. These settings are on line 49 and line 50. They have to be set correctly to get a good output on your page.

2. Download and use Scriptaculous.

Go to http://script.aculo.us/downloads and download the latest version of scriptaculous.

Upload the files to your server.

Now it’s time to make use of Lightbox and Scriptaculous on your webpage by placing this code in the head section of your webpage:

view plaincopy to clipboardprint
  1. <script src=« js/prototype.js » type=« text/javascript »></script>
  2. <script src Boiling Point dvd =« js/scriptaculous.js » type=« text/javascript »></script>
  3. <script src My Lucky Stars 2: Twinkle Twinkle Lucky Stars movie =« js/lightbox.js » type=« text/javascript »></script>
  4. <link href=« css/lightbox.css » rel=« stylesheet » type=« text/css »
  5. media=« screen » />

Fix the paths to the files as they are on your server. Now you have included the technology which will make Lightbox work. Now it’s time to include LightNav to upgrade Lightbox!

3. Download LightNav and use with Lightbox.

Download LightNav here: http://www.exagone.com/wp-content/script/lightnav.zip

Upload the contents to your server.

Now place the following code in the head section of your page (under the previous tags!)

view plaincopy to clipboardprint
  1. <script src=« js/lightnav.js » Eagle vs Shark video type=« text/javascript »></script> The Game full movie
  2. <script src=« js/photonav.js » type

    =« text/javascript »></script>

  4. <link href=‘css/photonav.css’ rel=‘stylesheet’ Shadow Hours ipod
    Summer of Sam

    type=‘text/css’ />

LightNav will overwrite some functionality of Lightbox and make use of PhotoNav to create a navigation feature.

You are basically done now! But if you can configure LightNav to your needs in the following part of the lightnav.js file:

view plaincopy to clipboardprint
  1. //you can adjust this to your needs.
  2. var LightNavOptions = {
  3. maxWidth: 800,
  4. maxHeight: 600
  5. }

The maxWidth

The Eliminator move

and maxHeight give the maximum width and height (in pixels) of the LightBox window, making it impossible to get bigger than that.
If you set these variables to 0 LightNav will create a width and height according to the browse window of the user, which will also fix the out of bounds problem!

The Adventures Of White Tuft movie download

When a Man Loves a Woman psp

developpement

Si vous avez apprécié cet article, s'il vous plait, prenez le temps de laisser un commentaire ou de souscrire au flux afin de recevoir les futurs articles directement dans votre lecteur de flux.

Commentaires

Pas encore de commentaire.

Désolé, les commentaires sont clos pour le moment.