Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Making "Tabs" with different slideshows. Putting a slideshow in a tab?

Featured Replies

Hi, i am working on a site for my friend, who is an architect. And he wants one slideshow for photos of his buildings, and one for the drawings for the building I thought that i could make å tab system for this, so have one tab with Photo-Slideshow, and one with Drawings-slideshow, but i can´t find out how really. So do any one have any idea how to make something like this? Il made some photos showing it, just an example. sort off, just remember that the photo in the tab have to be sort of a slide show. So i guess the real task is how to but a slidshow in a tab?

Thanks if any help, i guess it was a bit complicated.

post-54808-0-84034300-1363469260_thumb.png

post-54808-0-10532900-1363469270_thumb.png

I think the easiest way to achieve this is to have two different slideshows in each tab,

and have the tabs positioned above each other with CSS.

 

Then you could just change the z-index property of the tab that's being clicked.

 

Are you familiar with JavaScript ?

Because you will definitely need that.

 

Léon

  • Author

Thanks, il try that. I am a bit familiar with JavaScript, but now so much, so i guess this would be a challenge. But challenges are a great way of learning but all help is welcome :)

 

Thanks allot!

Hi.

If you want to use jquery here is a usefull link (very easy solution but heavy on performance):

http://jquerytools.org/

If you want to code it yourself using raw javascript you will have to use AJAX. I have made a video tutorial in two parts about AJAX image gallerys. The code i provide should serve the purpose. Here is a link:

Hope this was to any help

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.