Viewing Help with Shadowbox

Help with Shadowbox



User: Christopher 12 years ago


-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Roddy 12 years ago
Quote:
Did anyone else successfully get Shadowbox to work?


http://roddymckay.com/EasyWeb/easyweb-codebox/shadowbox.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Christopher 12 years ago
Boy, there's nothing like coding to humble us and show us how fallible we are. I left off my closing quotation mark in the alt text and forgot the final </div>. Once remedied, it works like a charm!

On the topic of coding though, I have a question. What is the correct way to add a distinguishing subject title to HTML, CSS and Javascript code? I have some pages with multiple code and I'd like to mark them so it's easier to work with. So far, this is working, but is it correct? ...

<!--MOVIE POSTER-->

Thanks again! You are my hero.

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Roddy 12 years ago
Comment HTML and Javascript like this

<!-- Nasty Comment -->

CSS like this...

/* Flattering Comment */

When creating full stylesheets you can distinguish major sections like this to find them quickly...

/*-----------------------------------*\
$MAIN
\*-----------------------------------*/

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Christopher 12 years ago
I've noticed that with Shadowbox, the background is darkened during the slideshow save for the navigation bar. And in some cases, the nav bar titles overlap the photos. Roddy or Paul, is it possible to have the nav bar darken same as the rest of the page? See photo for example:

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com

shadowbox_toj1.jpg
User: Roddy 12 years ago
The default navigation has a very high z-index (1000) so that it appears above everything else.

You can use the arrange menu to bring Shadowbox to the front but then it will probably be covered by shadowbox so you will need to position the slider down the page a bit.

The best way would be to go into the shadowbox.css and change this line...

#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}

Change z-index:999 to a value higher than 1000.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Christopher 12 years ago
Thanks. I'll try that when I get a chance.

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Christopher 12 years ago
Roddy, it didn't work. I changed the line in shadowbox.css to "z-index:1111", saved it, and the nav bar is still overlapping my photos. On a 27" TBD, it's not going to happen and it's fine. But on my laptop and iPhone, it does. I don't want to resize the photos or bring the slider down lower. I also tried a z index of 2000. I also cleared the cache, tried with Chrome and Safari... same thing. Any other suggestions? Thanks ;)

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com
User: Roddy 12 years ago
Have you tried using the Arrange menu in EasyWeb to send the navigation backwards?

If that doesn't work you would need to publish the page so that I can look at the code.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Roddy 12 years ago
OK, I found your page.

Try changing the z-index to 10000

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: Christopher 12 years ago
Yay! I had to change it to 100000 but it finally worked. Cheers

-------------------------------
rMBP 15", 2.6 Ghz, 16 GB RAM, OS X 10.11.6, with 27" Thunderbolt Cinema Display

www.cleetche.com


Post Reply
You must login or signup to post.