Jump to content

I can't figure out this pirobox code?!


Recommended Posts

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 




Link to comment
Share on other sites

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!

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...