Solved

"Slimbox Gallery" & Firefox Bug

Posted on 2011-02-21
6
894 Views
Last Modified: 2013-12-07
For the Slimbox Gallery:
I'm currently working on a website that uses a 'Slimbox Gallery" and I can't get  the "CLOSE", "NEXT", and "PREV" to show up on the images. You can click thru the gallery but you can't see these buttons within the image gallery.

Here's the link:
https://angel.spcollege.edu/AngelUploads/Files/aid270362/torquato/triconebits.html

I've attached a screenshot of how it's supposed to look like, the "CLOSE" option should appear on the bottom right, and the navigation buttons: "NEXT & PREV" should appear on the middle/top on each side of the image when you move your mouse over the image.

For the Firefox Problem:
For some odd reason the button all the way to the bottom left under the navigational bar: "Sign for our E-Newsleter" doesn't show when you view the site on Firefox. IE and Safari will show it, but on Firefox it's missing.

Thanks!


Picture-1.png
0
Comment
Question by:netadmin2004
  • 3
  • 2
6 Comments
 
LVL 18

Expert Comment

by:Sudaraka Wijesinghe
ID: 34949026
Problem is that you code is looking for the images (loading.gif, closelabel.gif and nextlabel.gif) in https://angel.spcollege.edu/AngelUploads/Files/aid270362/torquato/assets/snippets/maxigallery/slimbox/images/ but they don't exist in that location.
0
 
LVL 3

Expert Comment

by:deegoy418
ID: 34950479
I do agree with "Sudaraka", however I have shared a lightbox tutorial link with this post

http://leandrovieira.com/projects/jquery/lightbox/#example

you should try this one instead of existing, this is much easier and let me know if you face any issue to implement this lightbox.

Regards
Deepak
0
 

Author Comment

by:netadmin2004
ID: 34980233
Thanks to Sudaraka for his help. I still need to have the Firefox problem resolved.
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 18

Expert Comment

by:Sudaraka Wijesinghe
ID: 34989456
For the FF problem, try setting div.multi_drop_menus *{clear:both; ... }
0
 

Author Comment

by:netadmin2004
ID: 35073231
Thank you Sudaraka, I'm almost done with it, but after fixing the menu, here's how the page looks like:
https://angel.spcollege.edu/AngelUploads/Files/aid270362/torquato/index.html
As you can see the space in between some of my images/buttons on the left isn't the same, how can I finally take care of it? Other than that I'm pretty much done and the Firefox problem has been solved.
Thanks a lot!
0
 
LVL 18

Accepted Solution

by:
Sudaraka Wijesinghe earned 500 total points
ID: 35078370
Content seems to be pushing the DIV tags out of the area.
Try reducing  the size of the input box in the newsletter section to like 16 or 15.
Also the image with credit cart logos is missing the DIV tag around it.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.

803 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question