whatpapertiger Posted May 24, 2009 Report Share Posted May 24, 2009 $(document).ready(function(){ Single Image back to pirobox Quote Link to comment Share on other sites More sharing options...
newseed Posted May 24, 2009 Report Share Posted May 24, 2009 I have not tested but you have several errors in your page. The main problems is that you did n't have a closing tag for the script. You also had two body tags and a missing open div tag. Finally, you had portion of the script repeated in the body when it's already been called in head. Also, there was a redundant style in your css 'layer-background-color' which I removed. I believe this styles was only meant for Netscape. As you know, Netscape is no longer supported and nearly non-existent. Here's your newly cleaned up code. Again, it has not been tested so check it carefully. untitled type="text/css" /> <br />$(document).ready(function(){<br /><br /> jQuery.easing.def = 'easeOutExpo';<br /><br /><br /> $('.thumbs').piroBox({<!--OPTIONAL,if don't want easing, just take it off, or comment--><br /> mySpeed: 1500,<br /> open_speed : 1500,<br /> close_speed : 1500,<br /> bg_alpha: 0.8,<br /> pathLoader : 'url(css_pirobox/ajax-loader_w.gif) center center no-repeat;', <br /> gallery : '.pirobox_in li a', <br /> gallery_li : '.pirobox_in li', <br /> next_class : '.next_in',<br /> previous_class : '.previous_in'<br /> }); <br /> $('.thumbs').piroBox({<br /> mySpeed: 1500,<br /> open_speed : 1500,<br /> close_speed : 1500,<br /> bg_alpha: 0.8,<br /> pathLoader : 'url(css_pirobox/ajax-loader_w.gif) center center no-repeat;', <br /> gallery : '.pirobox li a', <br /> gallery_li : '.pirobox li',<br /> single : '.single a',<br /> next_class : '.next',<br /> previous_class : '.previous'<br /> }); <br />});<br /> <br /><!--<br />#apDiv1 {<br /> position: absolute;<br /> left: 10px;<br /> top: 31px;<br /> width: 214px;<br /> height: 557px;<br /> background-color: #FFF;<br /> border: 0px none #000000;<br /> z-index: 1;<br />}<br />body, td, th {<br /> font-family: Arial, Helvetica, sans-serif;<br /> font-size: 9px;<br /> color: #999;<br /> font-weight: bold;<br />}<br />body {<br /> background-color: #FFF;<br />}<br />a:link {<br /> text-decoration: none;<br /> color: #999;<br />}<br />a:visited {<br /> text-decoration: none;<br /> color: #666;<br />}<br />a:hover {<br /> text-decoration: none;<br />}<br />a:active {<br /> text-decoration: none;<br />}<br />#apDiv2 {<br /> position: absolute;<br /> left: 239px;<br /> top: 31px;<br /> width: 793px;<br /> height: 555px;<br /> background-color: #FFF;<br /> border: 0px none #000000;<br /> z-index: 2;<br />}<br />--><br /> <br /><!--<br />function MM_effectHighlight(targetElement, duration, startColor, endColor, restoreColor, toggle)<br />{<br /> Spry.Effect.DoHighlight(targetElement, {duration: duration, from: startColor, to: endColor, restoreColor: restoreColor, toggle: toggle});<br />}<br />//--><br /> title="Enojet Sohest Album Booklet Design 2006"> height="100" src="images%20folder/GRAPHICS/Graphic1book.jpg" width="100" /> href="images%20folder/GRAPHICS/Graphic2cards.jpg" title="Orphan's Roar Business Card Set 2006"> height="100" src="images%20folder/GRAPHICS/Graphic2cards.jpg" width="100" /> href="images%20folder/GRAPHICS/Graphic3posters.jpg" title="Selected Poster Designs 2002-200"> src="images%20folder/GRAPHICS/Graphic3posters.jpg" width="100" /> href="images%20folder/GRAPHICS/Graphic4bargrill.jpg" title="Logo Design Set"> src="images%20folder/GRAPHICS/Graphic4bargrill.jpg" width="100" /> title="Voices of Tools and Machines: Digital Print Set"> height="100" src="images%20folder/GRAPHICS/Graphic5humans.jpg" width="100" /> title="Detail of Enojet Sohest Album Design 2006"> height="100" src="images%20folder/GRAPHICS/Graphic6sleeve.jpg" width="100" /> title="Natural Plastic, Publication Cover Design 2007"> height="100" src="images%20folder/GRAPHICS/Graphic7sus.jpg" width="100" /> title="Selected Album Booklet in leaf closeup 2006"> height="100" src="images%20folder/GRAPHICS/Graphic8close.jpg" width="100" /> title="Selected Poster Design: International Career Forum 2007"> src="images%20folder/GRAPHICS/Graphic9inter.jpg" width="100" /> title="Detail of Album Design Transference/Limerance 2008"> src="images%20folder/GRAPHICS/Graphic10tranlim.jpg" width="100" /> Single Image back to pirobox Quote Link to comment Share on other sites More sharing options...
whatpapertiger Posted May 25, 2009 Author Report Share Posted May 25, 2009 thanks, but it messed it up more. Now that weird arrow image is still on the page but for some reason the program made a whole bunch of thumbnails and lined them up on the side and my main text is also missing. It also has a bunch of pirobox random stuff underneath. I basically wanted to keep the main page, with the titles in the frame on the side, and then when you would click the text, it would pop up into the series of images. ( ie. no visible thumbnails) now I am completely lost. I will keep playing around with it, but if you know more about it that would be very helpful thanks! Quote Link to comment Share on other sites More sharing options...
whatpapertiger Posted May 25, 2009 Author Report Share Posted May 25, 2009 I guess, is there something from the file I need to move from the downloaded folder or put into my css document? thanks Quote Link to comment Share on other sites More sharing options...
newseed Posted May 29, 2009 Report Share Posted May 29, 2009 Sorry, totally missed your reply. You will probably need to upload this to a host server and provide a url so we can take a look at what's going on. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.