toekneesimpson
Members
-
Joined
-
Last visited
Everything posted by toekneesimpson
-
Hi there I finally managed to get lytebox working in my website, my problem is: When I add a slideshow to the site and you press the first image in the show it automatically starts, however, if you click the second image in the show it doesnt start you have to press the play button for this to happen. What I would like to do is, when you click the first image in the show it opens up and you then have to press the play button to start it, just the same as you do in the other images. Is there a way to change the code in the script so this happens?? Here is the code: function LyteBox() { /*** Start Global Configuration ***/ this.theme = 'grey'; // themes: grey (default), red, green, blue, gold this.hideFlash = true; // controls whether or not Flash objects should be hidden this.outerBorder = true; // controls whether to show the outer grey (or theme) border this.resizeSpeed = 8; // controls the speed of the image resizing (1=slowest and 10=fastest) this.maxOpacity = 80; // higher opacity = darker overlay, lower opacity = lighter overlay this.navType = 1; // 1 = "Prev/Next" buttons on top left and left (default), 2 = "<< prev | next >>" links next to image number this.autoResize = true; // controls whether or not images should be resized if larger than the browser window dimensions this.doAnimations = true; // controls whether or not "animate" Lytebox, i.e. resize transition between images, fade in/out effects, etc. this.borderSize = 12; // if you adjust the padding in the CSS, you will need to update this variable -- otherwise, leave this alone... /*** End Global Configuration ***/ /*** Configure Slideshow Options ***/ this.slideInterval = 4000; // Change value (milliseconds) to increase/decrease the time between "slides" (10000 = 10 seconds) this.showNavigation = true; // true to display Next/Prev buttons/text during slideshow, false to hide this.showClose = true; // true to display the Close button, false to hide this.showDetails = true; // true to display image details (caption, count), false to hide this.showPlayPause = true; // true to display pause/play buttons next to close button, false to hide this.autoEnd = true; // true to automatically close Lytebox after the last image is reached, false to keep open this.pauseOnNextClick = false; // true to pause the slideshow when the "Next" button is clicked this.pauseOnPrevClick = true; // true to pause the slideshow when the "Prev" button is clicked /*** End Slideshow Configuration ***/ Hopefully someone can help. Thank you once again. Tony
-
Hi there again I have been to the lightbox site and read up. I have created a page from netobjects, as soon as i add the code into the head and publish it I get the unresponsive message. Here is the code from the page I have put all the files contained into the root of the site in there respective folders <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Home</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <meta name="Generator" content="NetObjects Fusion 11 for Windows"> <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" /> <script type="text/javascript"> <!-- function F_loadRollover(){} function F_roll(){} //--> </script> <script type="text/javascript" src="./assets/rollover.js"> </script> <link rel="stylesheet" type="text/css" href="./html/fusion.css"> <link rel="stylesheet" type="text/css" href="./html/style.css"> <link rel="stylesheet" type="text/css" href="./html/site.css"> </head> <body style="margin: 0px;"> <table cellpadding="0" cellspacing="0" border="0" width="710"> <tr valign="top" align="left"> <td> <table border="0" cellspacing="0" cellpadding="0" width="142"> <tr valign="top" align="left"> <td width="12" height="65"><img src="./assets/images/autogen/clearpixel.gif" width="12" height="1" border="0" alt=""></td> <td width="5"><img src="./assets/images/autogen/clearpixel.gif" width="5" height="1" border="0" alt=""></td> <td></td> <td width="42"><img src="./assets/images/autogen/clearpixel.gif" width="42" height="1" border="0" alt=""></td> </tr> <tr valign="top" align="left"> <td height="24"></td> <td colspan="3" width="130"> <table id="NavigationBar1" border="0" cellspacing="0" cellpadding="0" width="130"> <tr valign="top" align="left"> <td width="130" height="24"><a href="./index.html" class="nof-navPositioning" onmouseover="F_loadRollover('NavigationButton1','',0);F_roll('NavigationButton1',1)" onmouseout="F_roll('NavigationButton1',0)"><img id="NavigationButton1" name="NavigationButton1" height="24" width="130" src="./assets/images/autogen/Home_Hp3_1.gif" onmouseover="F_loadRollover(this,'Home_HRp4_1.gif',0)" border="0" alt="Home" title="Home"></a></td> </tr> </table> </td> </tr> <tr valign="top" align="left"> <td colspan="4" height="416"></td> </tr> <tr valign="top" align="left"> <td colspan="2" height="43"></td> <td width="83"><a href="http://www.netobjects.com"><img id="Picture3" height="43" width="83" src="./assets/images/BuiltWithNOF.gif" border="0" alt="Web Design" title="Web Design"></a></td> <td></td> </tr> </table> </td> <td> <table border="0" cellspacing="0" cellpadding="0" width="568"> <tr valign="top" align="left"> <td width="8" height="10"><img src="./assets/images/autogen/clearpixel.gif" width="8" height="1" border="0" alt=""></td> <td></td> </tr> <tr valign="top" align="left"> <td height="45"></td> <td width="560"><img id="Banner1" height="45" width="560" src="./assets/images/autogen/Home_NnBanner.gif" border="0" alt="Home" title="Home"></td> </tr> </table> <table border="0" cellspacing="0" cellpadding="0"> <tr valign="top" align="left"> <td width="8" height="468"><img src="./assets/images/autogen/clearpixel.gif" width="8" height="1" border="0" alt=""></td> <td></td> </tr> <tr valign="top" align="left"> <td></td> <td width="560" class="TextNavBar" style="text-align: center;">[Home]</td> </tr> </table> </td> </tr> </table> </body> </html> Please please can someone help me i am tearing my hair out. Regards everyone TonyHere is the code that I have put into my head as per the advice given by clearcutdesignz in the thread i linked to. <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" /> When I publish (i am using netobjects 11) the site to the local publish folder - a window opens up telling me the script i am using is taking a long time to load and my slow my pc down or it will become unresponsive. Very new at this so bear with me CheersHi there everyone! I have just joined the forum so hope to be around for a while, I design Oak Timber frames but also have designed the company website so I am a newbie at the Website Design game. I am looking to add a Lightbox 2 into the site, so the pictures show in the box etc, etc and am running into problems getting it to work. I noticed on this forum a thread running along the same lines and read it with interest, yet still having probs. Thread is below: The Thread There is a step by step guide written by Clearcutdesignz for Smoothonline. It seems to work for Smooth however, I am using the same editor and when I add the given text into my header and publish the site to preview it. A window pops up warning me that a script I am using will make my pc slow or unresponsive if I continue? I have followed the instructions word for word and cut and paste the text so - i am not sure what I am doing wrong. I wonder if any one can help? Thanks for reading my plea. Tony