Search jQuery

jQuery Forum

How can I use the Fancybox hidden attribute?

in Using jQuery Plugins • 8 years ago

Hi, I'm attempting to make the two lower images hidden and only the top 'yellow' image visible so that when it is clicked on it opens up the fancybox where the other images can be scrolled through.

Where am I going wrong?

Thanks in advance!

site

http://13thunion.org/phototest.html

Replies(10)

jakecigar

Re: How can I use the Fancybox hidden attribute?

8 years ago

It’s all CSS, class="hidden" doesn’t do anything unless you define hidden…

.hidden{display:none}

And get rid of

<!--

A:link { COLOR: gray; TEXT-DECORATION: none; font-weight: normal }

A:visited { COLOR: gray; TEXT-DECORATION: none; font-weight: normal }

A:active { COLOR: 9a9a9a; TEXT-DECORATION: none }

A:hover { COLOR: 9a9a9a; TEXT-DECORATION: none; font-weight: none }

-->

</style>

It messes with the buttons.

JΛ̊KE

Mick Turp..

Re: Re: How can I use the Fancybox hidden attribute?

8 years ago

Thanks Jake sorry if these are basic questions but whereabouts does that hidden code go in the CSS?

cheers

jakecigar

Re: How can I use the Fancybox hidden attribute?

8 years ago

It goes up, it goes down, it goes anywhere in town.

JΛ̊KE

Mick Turp..

Re: How can I use the Fancybox hidden attribute?

8 years ago

Right I'm having a 'mare with this, can't get it working. Is there any way I can post the css up for one of the experts to have a look at?!

Many thanks!

jakecigar

Re: How can I use the Fancybox hidden attribute?

8 years ago

Post your updated page. This is not a CSS forum but we all use CSS.

JΛ̊KE

Mick Turp..

Re: How can I use the Fancybox hidden attribute?

8 years ago

http://www.13thunion.org/phototest.html

(ignore the link highlight style as I'll sort that out)

this is my css

http://www.filedropper.com/jqueryfancybox

jakecigar

Re: How can I use the Fancybox hidden attribute?

8 years ago

I cleaned up the HTML, CSS, and javaScript. http://home.jejaju.com/play/phototest <--

Is this what you need?

JΛ̊KE

Mick Turp..

Re: How can I use the Fancybox hidden attribute?

8 years ago

Incredible, thanks a lot man, much appreciated!

jakecigar

Re: How can I use the Fancybox hidden attribute?

8 years ago

Compare the sources! There were lots of changes. I can explain anything that doesn’t make sense to you.

JΛ̊KE

Mick Turp..

Re: How can I use the Fancybox hidden attribute?

8 years ago

Cheers Jake that's top class, I think I've got most of it worked out from looking through it.

Here is the updated one with the font etc brought into line

http://13thunion.org/untitled.html

I'm trying to get it to line up with the rest of the pages i.e

http://13thunion.org/urban.html

but the line appears slightly lower (I have left the next image javascript in there at the moment just for reference to try and line it up first.)

any ideas on this??

thanks!

Top Reply

Response title

Attachments

jQuery Forum

How can I use the Fancybox hidden attribute?

Replies(10)

Re: How can I use the Fancybox hidden attribute?

Re: Re: How can I use the Fancybox hidden attribute?

Re: How can I use the Fancybox hidden attribute?

Re: How can I use the Fancybox hidden attribute?

Re: How can I use the Fancybox hidden attribute?

Re: How can I use the Fancybox hidden attribute?

Re: How can I use the Fancybox hidden attribute?

Re: How can I use the Fancybox hidden attribute?

Re: How can I use the Fancybox hidden attribute?

Re: How can I use the Fancybox hidden attribute?

Statistics

Tags

Actions