Jump to content
Stef's Coding Community
yankees

Huge jQuery Question! Full Browser Slider?

Recommended Posts

OK, new to the boards.

 

I prefer jQuery over flash and not sure how to tackle this, so please advise as best you can.

 

Trying to create a site that allows for images to go full browser and then have the ability to have the other images slide in based on a click.

 

I also want to float a menu that will allow it to pull in other media (video, that would slide in the same way).

 

The best example I can share is this: http://j.mp/5U79i1

 

What he is using is flash based (slideshowpro director and slideshow pro for flash).

 

Not interested in flash for this personal project.

 

Any advice would be hugely appreciated.

 

thanks in advance.

Share this post


Link to post
Share on other sites

Thanks so much for the speedy response!

 

I've implemented lightbox and unless I am incorrect essentially pops up a larger view.

 

Seeking to have the images fill the frame as in this example, in fact wondering if I can build the entire site with jquery to function like this: http://j.mp/5U79i1

 

What about a lightbox? Jquery lighbox.

Share this post


Link to post
Share on other sites

OK I looked. I dont see any sliding happening though. Let me show you things that I've done that come close and you tell me what look good.

 

But do this so it takes up the whole screen

http://www.visibilityinherit.com/projects/css-content-swap.php

 

http://www.visibilityinherit.com/code/body-scroller-demo.php

 

http://www.visibilityinherit.com/code/swap-panels-example.php

or with jquery

http://www.visibilityinherit.com/code/jquery-fading-tabs-demo.php

 

an old stu demo I had lying around

http://www.visibilityinherit.com/projects/slide-gallery/gallery.html

 

http://www.visibilityinherit.com/code/the-jamieruth2-example.php

 

http://www.visibilityinherit.com/code/the-photo-gallery/gallery-demo.php

 

or the lightbox

http://www.visibilityinherit.com/code/jquery-fancybox-demo.php

 

Thats pretty much everything I have that comes close.

Edited by Eric

Share this post


Link to post
Share on other sites

Eric, thanks for taking time out.

 

The images on that site slide via clicking the + or -. The sliding is in flash.

 

Guessing if there is a way to create a full browser slider, that would be a start. Then be able to have it user controlled (you know click to slide in the next).

 

From there, would need to figure out a way to have a menu sit to the left above the images that are sliding in.

 

Easier to think it, then make it.

 

OK I looked. I dont see any sliding happening though. Let me show you things that I've done that come close and you tell me what look good.

 

But do this so it takes up the whole screen

http://www.visibilityinherit.com/projects/css-content-swap.php

 

http://www.visibilityinherit.com/code/body-scroller-demo.php

 

http://www.visibilityinherit.com/code/swap-panels-example.php

or with jquery

http://www.visibilityinherit.com/code/jquery-fading-tabs-demo.php

 

http://www.visibilityinherit.com/projects/slide-gallery/gallery.html

 

http://www.visibilityinherit.com/code/the-jamieruth2-example.php

 

http://www.visibilityinherit.com/code/the-photo-gallery/gallery-demo.php

 

or the lightbox

http://www.visibilityinherit.com/code/jquery-fancybox-demo.php

 

Thats pretty much everything I have that comes close.

Share this post


Link to post
Share on other sites

Eric, think I might have found something. It is based on something called supersized, but need to look into it a bit to see if I have the ability to customize it to my needs.

 

Google horizontal websites for inspiration. Or jquery horizontal website plugin. Or jquery horizontal slider. I've come across a few.

Share this post


Link to post
Share on other sites

Forgive me for being ignorant. What is AP?

 

Cool. The menu is the easy part. Just AP it. No top/left required. It will automatically go to the top left of the body (view port).

Share this post


Link to post
Share on other sites

Anybody want to try and fix this in opera? http://www.visibilityinherit.com/projects/css-content-swap3.php

 

it's a known opera bug a the way to fix it is to wrap it in a overflow auto with a overflow hidden wrapped around that to hide the scrollbar seen here http://www.visibilityinherit.com/projects/css-content-swap2.php

 

problem is on the first link it's the whole body. Giving the body overflow auto instead of hidden (essentially providing the same fix) enables opera to go to link two and three but not back to two or one. Weird? Cool little bug...

Share this post


Link to post
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...