PDA

View Full Version : Help Image Viewer S.o.s


X Z A C X
06-24-2009, 07:08 AM
somethings wrong with my image viewer because it shows 3 photos and then skips them

plz help

d a v e
06-24-2009, 03:03 PM
teensy bit more detail please...

X Z A C X
06-25-2009, 10:16 AM
when i click play it plays the first 3 images and then a green line comes up and it starts again. i have made sure its not looping so i dont know whats going on

Corrosive
06-25-2009, 01:18 PM
when i click play it plays the first 3 images and then a green line comes up and it starts again. i have made sure its not looping so i dont know whats going on

I think dave meant for you to give us a link or some code to look at :wink: It's a bit difficult for us to guess what might be wrong!

X Z A C X
06-28-2009, 09:28 AM
<param name="flash_component" value="ImageViewer.swc" />
<param name="movie" value="Picture Slide Show.swf" />
<param name="quality" value="high" />
<param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:true,frame Show:false,slideDelay:5,captionSize:10,captionColo r:#000000,titleSize:10,transitionsType:'Random',ti tleColor:#333333,slideAutoPlay:false,imageURLs:['pics/DSC00853.JPG','pics/DSC00854.JPG','pics/DSC00855.JPG','pics/DSC00886.JPG','pics/DSC00857.JPG','pics/DSC00858.JPG','pics/DSC00859.JPG','pics/DSC00860.JPG','pics/DSC00861.JPG','pics/DSC00862.JPG','pics/DSC00863.JPG','pics/DSC00864.JPG','pics/DSC00865.JPG','pics/DSC00866.JPG','pics/DSC00867.JPG','pics/DSC00868.JPG','pics/DSC00869.JPG','pics/DSC00870.JPG','pics/DSC00871.JPG','pics/DSC00872.JPG','pics/DSC00873.JPG','pics/DSC00874.JPG','pics/DSC00875.JPG','pics/DSC00876.JPG','pics/DSC00877.JPG','pics/DSC00878.JPG','pics/DSC00879.JPG','pics/DSC00880.JPG','pics/DSC00881.JPG','pics/DSC00882.JPG','pics/DSC00883.JPG','pics/DSC00884.JPG','pics/DSC00885.JPG','pics/DSC00886.JPG','pics/DSC00887.JPG','pics/DSC00888.JPG','pics/DSC00889.JPG','pics/DSC00900.JPG','pics/DSC00901.JPG','pics/DSC00902.JPG','pics/DSC00903.JPG','pics/DSC00890.JPG','pics/DSC00891.JPG','pics/DSC00892.JPG','pics/DSC00893.JPG','pics/DSC00894.JPG','pics/DSC00895.JPG','pics/DSC00896.JPG','pics/DSC00897.JPG','pics/DSC00898.JPG','pics/DSC00899.JPG','pics/DSC00904.JPG','pics/DSC00905.JPG','pics/DSC00906.JPG','pics/DSC00907.JPG','pics/DSC00908.JPG','pics/DSC00909.JPG','pics/DSC00910.JPG','pics/DSC00911.JPG','pics/DSC00912.JPG','pics/DSC00913.JPG','pics/DSC00914.JPG','pics/DSC00915.JPG','pics/DSC00916.JPG','pics/DSC00917.JPG','pics/DSC00918.JPG','pics/DSC00919.JPG','pics/DSC00920.JPG','pics/DSC00921.JPG','pics/DSC00922.JPG','pics/DSC00923.JPG','pics/DSC00924.JPG'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#592600,imageCaptions:[]}" />
<embed src="Picture Slide Show.swf" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:true,frame Show:false,slideDelay:5,captionSize:10,captionColo r:#000000,titleSize:10,transitionsType:'Random',ti tleColor:#333333,slideAutoPlay:false,imageURLs:['pics/DSC00853.JPG','pics/DSC00854.JPG','pics/DSC00855.JPG','pics/DSC00886.JPG','pics/DSC00857.JPG','pics/DSC00858.JPG','pics/DSC00859.JPG','pics/DSC00860.JPG','pics/DSC00861.JPG','pics/DSC00862.JPG','pics/DSC00863.JPG','pics/DSC00864.JPG','pics/DSC00865.JPG','pics/DSC00866.JPG','pics/DSC00867.JPG','pics/DSC00868.JPG','pics/DSC00869.JPG','pics/DSC00870.JPG','pics/DSC00871.JPG','pics/DSC00872.JPG','pics/DSC00873.JPG','pics/DSC00874.JPG','pics/DSC00875.JPG','pics/DSC00876.JPG','pics/DSC00877.JPG','pics/DSC00878.JPG','pics/DSC00879.JPG','pics/DSC00880.JPG','pics/DSC00881.JPG','pics/DSC00882.JPG','pics/DSC00883.JPG','pics/DSC00884.JPG','pics/DSC00885.JPG','pics/DSC00886.JPG','pics/DSC00887.JPG','pics/DSC00888.JPG','pics/DSC00889.JPG','pics/DSC00900.JPG','pics/DSC00901.JPG','pics/DSC00902.JPG','pics/DSC00903.JPG','pics/DSC00890.JPG','pics/DSC00891.JPG','pics/DSC00892.JPG','pics/DSC00893.JPG','pics/DSC00894.JPG','pics/DSC00895.JPG','pics/DSC00896.JPG','pics/DSC00897.JPG','pics/DSC00898.JPG','pics/DSC00899.JPG','pics/DSC00904.JPG','pics/DSC00905.JPG','pics/DSC00906.JPG','pics/DSC00907.JPG','pics/DSC00908.JPG','pics/DSC00909.JPG','pics/DSC00910.JPG','pics/DSC00911.JPG','pics/DSC00912.JPG','pics/DSC00913.JPG','pics/DSC00914.JPG','pics/DSC00915.JPG','pics/DSC00916.JPG','pics/DSC00917.JPG','pics/DSC00918.JPG','pics/DSC00919.JPG','pics/DSC00920.JPG','pics/DSC00921.JPG','pics/DSC00922.JPG','pics/DSC00923.JPG','pics/DSC00924.JPG'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#592600,imageCaptions:[]}" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="726" height="348"> </embed>

Corrosive
06-28-2009, 09:39 AM
<param name="flash_component" value="ImageViewer.swc" />
<param name="movie" value="Picture Slide Show.swf" />
<param name="quality" value="high" />
<param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:true,frame Show:false,slideDelay:5,captionSize:10,captionColo r:#000000,titleSize:10,transitionsType:'Random',ti tleColor:#333333,slideAutoPlay:false,imageURLs:['pics/DSC00853.JPG','pics/DSC00854.JPG','pics/DSC00855.JPG','pics/DSC00886.JPG','pics/DSC00857.JPG','pics/DSC00858.JPG','pics/DSC00859.JPG','pics/DSC00860.JPG','pics/DSC00861.JPG','pics/DSC00862.JPG','pics/DSC00863.JPG','pics/DSC00864.JPG','pics/DSC00865.JPG','pics/DSC00866.JPG','pics/DSC00867.JPG','pics/DSC00868.JPG','pics/DSC00869.JPG','pics/DSC00870.JPG','pics/DSC00871.JPG','pics/DSC00872.JPG','pics/DSC00873.JPG','pics/DSC00874.JPG','pics/DSC00875.JPG','pics/DSC00876.JPG','pics/DSC00877.JPG','pics/DSC00878.JPG','pics/DSC00879.JPG','pics/DSC00880.JPG','pics/DSC00881.JPG','pics/DSC00882.JPG','pics/DSC00883.JPG','pics/DSC00884.JPG','pics/DSC00885.JPG','pics/DSC00886.JPG','pics/DSC00887.JPG','pics/DSC00888.JPG','pics/DSC00889.JPG','pics/DSC00900.JPG','pics/DSC00901.JPG','pics/DSC00902.JPG','pics/DSC00903.JPG','pics/DSC00890.JPG','pics/DSC00891.JPG','pics/DSC00892.JPG','pics/DSC00893.JPG','pics/DSC00894.JPG','pics/DSC00895.JPG','pics/DSC00896.JPG','pics/DSC00897.JPG','pics/DSC00898.JPG','pics/DSC00899.JPG','pics/DSC00904.JPG','pics/DSC00905.JPG','pics/DSC00906.JPG','pics/DSC00907.JPG','pics/DSC00908.JPG','pics/DSC00909.JPG','pics/DSC00910.JPG','pics/DSC00911.JPG','pics/DSC00912.JPG','pics/DSC00913.JPG','pics/DSC00914.JPG','pics/DSC00915.JPG','pics/DSC00916.JPG','pics/DSC00917.JPG','pics/DSC00918.JPG','pics/DSC00919.JPG','pics/DSC00920.JPG','pics/DSC00921.JPG','pics/DSC00922.JPG','pics/DSC00923.JPG','pics/DSC00924.JPG'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#592600,imageCaptions:[]}" />
<embed src="Picture Slide Show.swf" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',captionFont:'Ve rdana',titleFont:'Verdana',showControls:true,frame Show:false,slideDelay:5,captionSize:10,captionColo r:#000000,titleSize:10,transitionsType:'Random',ti tleColor:#333333,slideAutoPlay:false,imageURLs:['pics/DSC00853.JPG','pics/DSC00854.JPG','pics/DSC00855.JPG','pics/DSC00886.JPG','pics/DSC00857.JPG','pics/DSC00858.JPG','pics/DSC00859.JPG','pics/DSC00860.JPG','pics/DSC00861.JPG','pics/DSC00862.JPG','pics/DSC00863.JPG','pics/DSC00864.JPG','pics/DSC00865.JPG','pics/DSC00866.JPG','pics/DSC00867.JPG','pics/DSC00868.JPG','pics/DSC00869.JPG','pics/DSC00870.JPG','pics/DSC00871.JPG','pics/DSC00872.JPG','pics/DSC00873.JPG','pics/DSC00874.JPG','pics/DSC00875.JPG','pics/DSC00876.JPG','pics/DSC00877.JPG','pics/DSC00878.JPG','pics/DSC00879.JPG','pics/DSC00880.JPG','pics/DSC00881.JPG','pics/DSC00882.JPG','pics/DSC00883.JPG','pics/DSC00884.JPG','pics/DSC00885.JPG','pics/DSC00886.JPG','pics/DSC00887.JPG','pics/DSC00888.JPG','pics/DSC00889.JPG','pics/DSC00900.JPG','pics/DSC00901.JPG','pics/DSC00902.JPG','pics/DSC00903.JPG','pics/DSC00890.JPG','pics/DSC00891.JPG','pics/DSC00892.JPG','pics/DSC00893.JPG','pics/DSC00894.JPG','pics/DSC00895.JPG','pics/DSC00896.JPG','pics/DSC00897.JPG','pics/DSC00898.JPG','pics/DSC00899.JPG','pics/DSC00904.JPG','pics/DSC00905.JPG','pics/DSC00906.JPG','pics/DSC00907.JPG','pics/DSC00908.JPG','pics/DSC00909.JPG','pics/DSC00910.JPG','pics/DSC00911.JPG','pics/DSC00912.JPG','pics/DSC00913.JPG','pics/DSC00914.JPG','pics/DSC00915.JPG','pics/DSC00916.JPG','pics/DSC00917.JPG','pics/DSC00918.JPG','pics/DSC00919.JPG','pics/DSC00920.JPG','pics/DSC00921.JPG','pics/DSC00922.JPG','pics/DSC00923.JPG','pics/DSC00924.JPG'],slideLoop:false,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#592600,imageCaptions:[]}" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="726" height="348"> </embed>

Nothing there jumps out at me as being wrong. Have you tried recreating it and do you get the same issues? Maybe an idea to look at a js solution like lightbox2. LINK: http://www.huddletogether.com/projects/lightbox2/

X Z A C X
06-28-2009, 10:23 AM
can u show me what the code is spost to look like with light box installed and run thru the steps for me to instal plz (im a total noob with coding)


many thanx in advance

X Z A C X

Corrosive
06-28-2009, 10:41 AM
can u show me what the code is spost to look like with light box installed and run thru the steps for me to instal plz (im a total noob with coding)


many thanx in advance

X Z A C X

OK, here is a page I installed lightbox on the other day...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Christopher Stuart: Designer &amp; Artist: Arrangements</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /></head>

<body>
<div id="wrapper">
<div id="menu_column">
<span class="logo-text-one">w w w.</span><span class="logo-text-two">c s t u a r t</span> <br>
<br><span class="logo-text-three">o n l i n e</span><span class="logo-text-one">.c o m</span>
<div class="menu_header">INFO</div>
<ul class="menu">
<li><a href="index.php">+about</a></li>
<li><a href="news.php">+news</a></li>
<li><a href="contact.php">+contact</a></li>
<li><a href="links.php">+links</a></li>
</ul>
<div class="menu_header">PRODUCT</div>
<ul class="menu">
<li><a href="portfolio.php">+portfolio</a></li>
<li><a href="objekts.php">+objekts</a></li>
</ul>
<div class="menu_header">ART</div>
<ul class="menu">
<li><a href="arrangements.php">+arrangements</a></li>
<li><a href="paintings.php">+paintings</a></li>
<li><a href="sculpture.php">+sculpture</a></li>
<li><a href="photography.php">+photography</a></li>
<li><a href="sketches.php">+sketches</a></li>
</ul>
<div class="menu_header">WEBSITE</div>
<ul class="menu">
<li><a href="mailto:cstuartpaint@hotmail.com">+design by christopher stuart</a></li>
<li><a href="http://www.yotocreative.co.uk">+built by yoto creative</a></li>
</ul>
</div>
<div id="content_column">
<h1>a r r a n g e m e n t s</h1>
<div class="content_wrapper">
<div><ul class="lightbox">
<li><a href="images/arranged_cool_yellow.jpg" rel="lightbox[cool_yellow]" title="arranged paint chips in cool yellow"><img src="images/arranged_cool_yellow_preview.jpg" width="230" height="400" border="0"></a></li>
<li><a href="images/arranged_cool_yellow_hanging.jpg" rel="lightbox[cool_yellow]" title="arranged paint chips in cool yellow"></a></li>
<li><a href="images/arranged_cool_yellow_detail.jpg" rel="lightbox[cool_yellow]" title="arranged paint chips in cool yellow, detail"></a></li>
</ul></div>
<div class="description">arranged paint chips in cool yellow, 20x36 in, email for pricing</div>
<div><ul class="lightbox">
<li><a href="images/arranged_warm_yellow.jpg" rel="lightbox[warm_yellow]" title="arranged paint chips in warm yellow"><img src="images/arranged_warm_yellow_preview.jpg" width="225" height="400" border="0"></a></li>
<li><a href="images/arranged_warm_yellow_hanging.jpg" rel="lightbox[warm_yellow]" title="arranged paint chips in warm yellow"></a></li>
<li><a href="images/arranged_warm_yellow_detail.jpg" rel="lightbox[warm_yellow]" title="arranged paint chips in warm yellow, detail"></a></li>
</ul></div>
<div class="description">arranged paint chips in warm yellow, 20x36 in, email for pricing</div> </div>
</div>
</div>
</body>
</html>

That is the whole page. The instructions on the lightbox2 website are pretty straight forward as well.

Corrosive
06-28-2009, 10:42 AM
Also, here is the page with it working...

http://cstuartonline.com/arrangements.php

X Z A C X
06-28-2009, 11:25 AM
im sorry but which bit is the bit of the code do i coppy to my code? im soo hoples at this


thanx in advance

X Z A C X

Corrosive
06-28-2009, 11:28 AM
im sorry but which bit is the bit of the code do i coppy to my code? im soo hoples at this


thanx in advance

X Z A C X

All I'd be able to do is repeat what they have said on the lightbox website. I can't make it any clearer I'm afraid.

X Z A C X
06-28-2009, 11:33 AM
sory about all this troble can u show me the before and after of u adding the code?

thanx in advance

X Z A C X

Corrosive
06-28-2009, 11:39 AM
sory about all this troble can u show me the before and after of u adding the code?

thanx in advance

X Z A C X

I have highlighted in red the bits you are interested in...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Christopher Stuart: Designer &amp; Artist: Arrangements</title>
<link href="css/main.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /></head>

<body>
<div id="wrapper">
<div id="menu_column">
<span class="logo-text-one">w w w.</span><span class="logo-text-two">c s t u a r t</span> <br>
<br><span class="logo-text-three">o n l i n e</span><span class="logo-text-one">.c o m</span>
<div class="menu_header">INFO</div>
<ul class="menu">
<li><a href="index.php">+about</a></li>
<li><a href="news.php">+news</a></li>
<li><a href="contact.php">+contact</a></li>
<li><a href="links.php">+links</a></li>
</ul>
<div class="menu_header">PRODUCT</div>
<ul class="menu">
<li><a href="portfolio.php">+portfolio</a></li>
<li><a href="objekts.php">+objekts</a></li>
</ul>
<div class="menu_header">ART</div>
<ul class="menu">
<li><a href="arrangements.php">+arrangements</a></li>
<li><a href="paintings.php">+paintings</a></li>
<li><a href="sculpture.php">+sculpture</a></li>
<li><a href="photography.php">+photography</a></li>
<li><a href="sketches.php">+sketches</a></li>
</ul>
<div class="menu_header">WEBSITE</div>
<ul class="menu">
<li><a href="mailto:cstuartpaint@hotmail.com">+design by christopher stuart</a></li>
<li><a href="http://www.yotocreative.co.uk">+built by yoto creative</a></li>
</ul>
</div>
<div id="content_column">
<h1>a r r a n g e m e n t s</h1>
<div class="content_wrapper">
<div><ul class="lightbox">
<li><a href="images/arranged_cool_yellow.jpg" rel="lightbox[cool_yellow]" title="arranged paint chips in cool yellow"><img src="images/arranged_cool_yellow_preview.jpg" width="230" height="400" border="0"></a></li>
<li><a href="images/arranged_cool_yellow_hanging.jpg" rel="lightbox[cool_yellow]" title="arranged paint chips in cool yellow"></a></li>
<li><a href="images/arranged_cool_yellow_detail.jpg" rel="lightbox[cool_yellow]" title="arranged paint chips in cool yellow, detail"></a></li>
</ul></div>
<div class="description">arranged paint chips in cool yellow, 20x36 in, email for pricing</div>
<div><ul class="lightbox">
<li><a href="images/arranged_warm_yellow.jpg" rel="lightbox[warm_yellow]" title="arranged paint chips in warm yellow"><img src="images/arranged_warm_yellow_preview.jpg" width="225" height="400" border="0"></a></li>
<li><a href="images/arranged_warm_yellow_hanging.jpg" rel="lightbox[warm_yellow]" title="arranged paint chips in warm yellow"></a></li>
<li><a href="images/arranged_warm_yellow_detail.jpg" rel="lightbox[warm_yellow]" title="arranged paint chips in warm yellow, detail"></a></li>
</ul></div>
<div class="description">arranged paint chips in warm yellow, 20x36 in, email for pricing</div> </div>
</div>
</div>
</body>
</html>

X Z A C X
06-28-2009, 11:43 AM
thanx mate, its great that theirs pros like u who can help noobs like me


many thanx


X Z A C X

Corrosive
06-28-2009, 11:45 AM
thanx mate, its great that theirs pros like u who can help noobs like me


many thanx


X Z A C X

It's not a problem but you need to help yourself a bit as well. It is by far the best way to learn. My first Lightbox install took hours to figure out. Don't expect to get it right in a few minutes!

X Z A C X
06-30-2009, 09:17 AM
i think i have the code right but i when i click it in Google: chrome it just comes up just like when you click an image on a normal website did this happen to u?:confused:

Corrosive
06-30-2009, 09:29 AM
i think i have the code right but i when i click it in Google: chrome it just comes up just like when you click an image on a normal website did this happen to u?:confused:

Oh yes, it certainly did! It does work in Chrome though. You might need to check all the paths to your files. Especially the javascript files. Make sure they are where you say they are in the links.

X Z A C X
06-30-2009, 09:45 AM
That may be it. I was just thinking whn I dled it I may not have set it up propply. Cab u run me thru plz

Corrosive
06-30-2009, 10:01 AM
That may be it. I was just thinking whn I dled it I may not have set it up propply. Cab u run me thru plz

Bit tricky as I don't know what your site structure is. I.e. where you have put the files etc. I tend to split the lightbox files out and put the javascript in a js folder and the css in my css folder and so on. This is not necessary to make it work but I am just a 'tidy freak' when it comes to site structure...and code, and css, lol. You just need to check all your file paths. Do they make sense? If your lightbox files are all in one folder (as they are when you download them) do the links point to that folder so that they can find the files. You need to go through it methodically and check for errors.

X Z A C X
06-30-2009, 01:24 PM
Bit tricky as I don't know what your site structure is. I.e. where you have put the files etc. I tend to split the lightbox files out and put the javascript in a js folder and the css in my css folder and so on. This is not necessary to make it work but I am just a 'tidy freak' when it comes to site structure...and code, and css, lol. You just need to check all your file paths. Do they make sense? If your lightbox files are all in one folder (as they are when you download them) do the links point to that folder so that they can find the files. You need to go through it methodically and check for errors.

what i mean is this: when you dled lightbox you get the two folders in ur js folder their are some scripts do i load them? and then what do i do with the css?

many thanx in advance


X Z A C X

Corrosive
06-30-2009, 01:32 PM
what i mean is this: when you dled lightbox you get the two folders in ur js folder their are some scripts do i load them? and then what do i do with the css?

many thanx in advance


X Z A C X

You will need to download the zip file and unpack it. Put the contents into your website on your local drive (along with your other pages). Create the links to the relevant javascript and CSS files and then upload everything to your server. I believe that you have to change a couple of sections which link to the 'Prev' and 'Next' images in the javascript itself but full instructions are on the lightbox website.

Basically everything has to be part of your site structure to work correctly and you need to make sure all of your paths are correct.

Understand?

X Z A C X
06-30-2009, 01:36 PM
im sorry for taking so much of ur time but i think i understand now thanks again for all the help


many thanx



X Z A C X

Corrosive
06-30-2009, 01:39 PM
im sorry for taking so much of ur time but i think i understand now thanks again for all the help


many thanx



X Z A C X

No problem. Glad you are getting along with it. Once you have it figured out you'll wonder what all the fuss was about! :lol: