Also, when the larger window opens, it gets "stuck on" one of the photos.
For footer, add this above your Copyright line:
<p>Copyright 2007-2013. Saint Eustace Fine Art. All rights reserved.</p>
For the image getting 'stuck', 3 image markups have an extra </a> tag. Remove that:
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Altarpiece Construction - Combined Process Wood and Metal - 2003 - Previously on Extended Loan to MOBIA, NY - Collection of the Artist]" href="IMAGES/seed.jpg" title="Image: Seed of Divine Life"><img src="IMAGES/seed.jpg" width="61" height="72" alt="seed" /></a></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Altarpiece Construction - Combined Process Wood and Metal - 1995 - Private Collection]" href="IMAGES/through_fire.jpg" title="Through Fire: Holy Center"><img src="IMAGES/through_fire.jpg" width="61" height="72" alt="fire" /></a></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Altarpiece Construction - Combined Process Wood and Metal - 1992 - Collection of the Artist]" href="IMAGES/collapse.jpg" title="Collapse"><img src="IMAGES/Collapse.jpg" alt="collapse" width="61" height="72" class="item" /></a></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Altarpiece Construction - Combined Process Wood and Metal - 1996 - Collection of The Prudential, Newark, NJ]" href="IMAGES/Mystery of Iniquity.jpg" title="Mystery of Iniquity"><img src="IMAGES/Mystery of Iniquity.jpg" alt="Mystery of Iniquity" width="61" height="72" class="item" /></a></a></div>
<div class="item"><a rel="clearbox[gallery=Gallery,,comment=Temporal Room Installation - Photo Documented - 1994]" href="IMAGES/Celestial Rose-Circles of Sanctity.jpg" title="The Celestial Rose : Circles of Sanctity"><img src="IMAGES/Celestial Rose-Circles of Sanctity.jpg" alt="The Celestial Rose : Circles of Sanctity" width="61" height="72" class="item" /></a></a></div>
You may want to validate our markup here: http://validator.w3.org/ and fix any errors.
Thank you! It worked! Those were the three "problem" images. They were either taking forever to load or didn't load at all.
The copyright tag worked as well too.
Sorry to be a PITA, but would you or anyone else know why my menu bar keeps "jumping" when I put the cursor over it. I wasn't playing with the spry menu and I noitced durning on of my attempts to get the images "unstuck" in the lightbox, that the menu was jumping around.
1 person found this helpful
SpryMenuBarHorizontal.css, Line 186:
That will fix your menu.
Thanks! I'll try this tomorrow night. I just shut down the computer because have to go to bed. Answering from my iPhone. I'll let you know how it goes.
Thanks! It worked! I learned how to do the spry menu and the lightbox gallery from You Tube videos. The dude who made the spry menu teaching told me to do the 50px on the left margin to center the menu bar. You should make your own instructional videos. You really know your stuff!
Glad it worked!
The Spry menu tutorial would've probably asked you to give a 50px margin due to the alignment of the site that he was showing you on. If you had followed all instructions word-to-word to create a layout based on his suggestions, maybe that 50px margin would've helped.
Making my own videos - always thought of it, but hardly ever find the time! I'll keep that in mind though
On a sidenote, thought I should let you know. Spry has been deprecated and is no longer officially supported by Adobe: http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
You may want to start moving to a jQuery approach going forward. Some nice jQuery menus available here: http://www.freshdesignweb.com/jquery-menu.html
You're missing the start of <head> tag. There are a few more errors in your code. Take a look here and get them fixed: http://validator.w3.org/check?uri=http%3A%2F%2Fpower.arc.losrios.edu%2F~obrigewitscha%2Fci sw321%2Fblazestudios%2Ffantasy.html&charset=%28detect+automatically%29&doctype=Inline&grou p=0
Thanks for the info about the spry menu becoming (or soon becoming) obsolete. I'm going to research the jQuery approach and learn how to do that.
Let me know when you make videos. You would be very successful at hosting videos, getting a following and making money. Also, you could have a blog and that would create a following too.
Cool photos, Blaze. I wish I could be more helpful about the lightbox studio. I'm just learning myself. I will check out your website again soon.
Not sure why the validator is saying I have problem with my head tag, there is only one and no problem with it. It also says I have dublicate body tags which are not there either.
I think there is some major conflict with the JS file and something I already have on the site, but I can't figure out what it is.
Thanks, you should see the ohter photos I'm trying to add in, but I haven't bothered to add them in yet since the light box is not working and I may have to use anohter. However I like this light box the best.
The only real difference I see at a quick glance is that I'm using an HTML5 Doc type.
I went through and fixed all the errors that where not part of the script, and I have not changed the script in any way, however that did not solve the problem .
I'm thinking that there may be some kind of error with the clearbox.js file, I'm thinking that the paths may not be correct in this sippet of code:
Any thoughts on this? I may be way off, but I really can't figure out what the problem is and I have no other JS on the page and have changed all class names and ID names that may conflict.
Yup, that was it, DreamWeaver changed all the paths in the files and when I moved them, it only changed soem back, I simply had to redownload the proper files and replace them.
The paths in this JS file are dynamically generated at runtime depending on the variables you've defined in CB_ScriptDir & CB_Config within clearbox.js files.
But the file structure outside of the JS should remain intact 'as is' the way you downloaded it for it to work. Like you said, if DW had changed it, that would've made this break.
Glad you've fixed it now. Good luck.
Cool, I'll be on the lookout.