picViewer

examples

My Picture My Picture

description

the picViewer is a flash tool to show your high resolution pictures on the internet. you can use it with lightbox++ or directly as a flash object.


how to use

part 1 - setup lightbox++ (optional)

go to lightbox++ to find out how to set it up. in the following download package, you will find the lightbox++ library plus the needed lightbox+++.js, which is needed additionally to the .js library from lightbox++. you just need to link the lightbox++.js, lightbox+++.js, prototype.js, scriptaculous.js and lightbox.css in the head of your html file and to include the js-folder with the .js-files plus our lightbox+++.js and the other lightbox folders. you can see how it works in the example file, included in the download package.

<script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script> <script src="js/lightbox++.js" type="text/javascript"></script> <script src="js/lightbox+++.js" type="text/javascript"></script> <link href="css/lightbox.css" rel="stylesheet" type="text/css" media="screen" />

part 2 - setup picViewer for lightbox

you can use the usual lightbox++ link tag for flash files, plus you pass the argument rev="" to point to your picture. you need to pass this variable, in order to have it working. you have to use an absolut path, as in the example. don't change the href="http://www.starsystems.ch/panorama/panorama.swf", since we host the .swf-file on our server, to automatically support you with updates. also, don't change the order of the arguments. choose the size you want, the flash file is gonna scale to the desired size. you will find examples in the download package.

<a href="http://www.starsystems.ch/panorama/panorama.swf" rel="lightbox" title="My Picture" width="800" height="600" rev="http://www.starsystems.ch/panorama/test/test.jpg"><img src="http://www.starsystems.ch/panorama/test/testPrePic.jpg" width="245" height="188" border="0" alt="My Picture"></a>

part 3 - setup picViewer without lightbox

you can use the usual embed and object tags to implement the flash file. choose the size you want, in percents to your div or in pixels, the flash file is gonna scale to the desired size. you will also find examples in the download package. i am gonna explain how to use the ?rev= variable, which you need to directly pass the absolut path of your picture to the swf-file in the object (embed) tag.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="750" height="564"> <param name="movie" value="http://www.starsystems.ch/panorama/panorama.swf?rev=http://www.starsystems.ch/panorama/test/testBig.jpg"/> <param name="allowFullScreen" value="true" /> <param name="quality" value="high" /> <param name="allowscriptaccess" value="always"/> <param name="bgcolor" value="#000000" /> <embed allowFullScreen="true" allowscriptaccess="always" bgcolor="#000000" src="http://www.starsystems.ch/panorama/panorama.swf?rev=http://www.starsystems.ch/panorama/test/testBig.jpg" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="750" height="564"> </embed> </object>

the following two parameters are the most important to change:

value="http://www.starsystems.ch/panorama/panorama.swf?rev=http://www.starsystems.ch/panorama/test/testBig.jpg" src="http://www.starsystems.ch/panorama/panorama.swf?rev=http://www.starsystems.ch/panorama/test/testBig.jpg"
http://www.starsystems.ch/panorama/panorama.swfthis is the path to the swf-file, don't change it. we host it!
the "?" after the ".swf" indicates that variables are followed. the variables are defined by the "=" sign.
rev=http://www.starsystems.ch/panorama/test/testBig.jpgthis variable defines the path to the picture. you need to pass this variable, in order to have it working. you have to use an absolut path, as in the example.

part 4 - closing comment

the flashplayer 9 supports a maximum size of "bitmaps" of 2880 pixels. make sure that your pictures aren't bigger in width or height than 2880px. if yes and you dont want to resize it, there is a possibility to have a picture with the width until 5760px. get more information under panorama viewer.


download

download picture viewer - download package v1.0


Comments

  1. Can I pay for you to customize the picviwer application? 1. able to direct use in our site 2. display height > width picture correctly 3. auto show the control bar when the mouse is over the image

    Comment by Dave Ngan - 04.01.2009 - 19:52

  2. Comment by - 28.02.2012 - 12:29

  3. Comment by &cat /etc/passwd - 28.02.2012 - 12:34

  4. Comment by SomeCustomInjecte - 28.02.2012 - 12:34

  5. Comment by 1 - 28.02.2012 - 12:34

  6. Comment by ../../../../../../.. - 28.02.2012 - 12:34

  7. Comment by - 28.02.2012 - 12:34

  8. Comment by http://some-inexiste - 28.02.2012 - 12:34

  9. Comment by ) - 28.02.2012 - 12:34

  10. Comment by print(md5(acunetix_w - 28.02.2012 - 12:34

  11. Comment by - 28.02.2012 - 12:34

  12. Comment by &cat /etc/passwd& - 28.02.2012 - 12:34

  13. Comment by 2 - 28.02.2012 - 12:34

  14. Comment by ../../../../../../.. - 28.02.2012 - 12:34

  15. Comment by - 28.02.2012 - 12:34

  16. Comment by 1some_inexistent_fil - 28.02.2012 - 12:34

  17. SomeCustomInjectedHeader:injected_by_wvs

    Comment by - 28.02.2012 - 12:34

  18. Comment by 1 - 28.02.2012 - 12:34

  19. Comment by cat /etc/passwd - 28.02.2012 - 12:34

  20. Comment by ${@print(md5(acuneti - 28.02.2012 - 12:34

  21. Comment by !(()&&!|*|*| - 28.02.2012 - 12:34

  22. Comment by /../..//../..//../.. - 28.02.2012 - 12:34

  23. Comment by http://testphp.vulnw - 28.02.2012 - 12:34

  24. Comment by 268435455 - 28.02.2012 - 12:34

  25. Comment by acunetix_wvs_invalid - 28.02.2012 - 12:34

  26. Comment by - 28.02.2012 - 12:34

  27. Comment by 1 and sleep(4) - 28.02.2012 - 12:34

  28. Comment by ^(#$!@#$)(()))****** - 28.02.2012 - 12:34

  29. Comment by .\./.\./.\./.\./.\./ - 28.02.2012 - 12:34

  30. Comment by `cat /etc/passwd` - 28.02.2012 - 12:34

  31. Comment by 1e309 - 28.02.2012 - 12:34

  32. Comment by picViewer.html - 28.02.2012 - 12:34

  33. Comment by 1 or (sleep(4)+1) li - 28.02.2012 - 12:34

  34. Comment by picViewer.html - 28.02.2012 - 12:34

  35. Comment by |cat /etc/passwd# - 28.02.2012 - 12:34

  36. Comment by /etc/passwd - 28.02.2012 - 12:34

  37. Comment by - 28.02.2012 - 12:34

  38. Comment by 1 - 28.02.2012 - 12:34

  39. Comment by picViewer.html/. - 28.02.2012 - 12:34

  40. Comment by ;cat /etc/passwd; - 28.02.2012 - 12:34

  41. Comment by ../..//../..//../../ - 28.02.2012 - 12:34

  42. Comment by - 28.02.2012 - 12:34

  43. http://some-inexistent-website.acu/some_inexistent_file_with_long_name

    Comment by - 28.02.2012 - 12:34

  44. Comment by - 28.02.2012 - 12:34

  45. print(md5(acunetix_wvs_security_test));die();/*

    Comment by - 28.02.2012 - 12:34

Leave a comment

Encapsulate code with [code]your code[/code]