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.

Help implementing slider

Featured Replies

Hi!

I am a graphic/product designer in the process of making my first portfolio website.

The basic's of html/ccs was learned at codeacademy.com and various youtube videos starting about 3 weeks ago so my skills are somewhat limited.

I've gotten the page this far but now im stuck. I want to add a slider so that when your press "about" or "contact" the dark-grey content slides to the left and make way for the about or contact content which should slide in from the right. The about page would have a photo and some text about me, the contact page would have a contact form.

I have searched and found various jquery sliders such as:

http://liquidslider.com/
http://musca.se/full-window-width-jq...t-slider-demo/

I have been trying to get this to work on my site for over a week without any luck.

The main problem is that i don't understand how to make my div a part of the slide and how do add editable divs for the about and contact content.

Is there someone who can help me or at least point me in right direction ?

The site in it's current state can be seen at: http://www.rogerjansson.com/

Any form of assistance would be much appreciated.

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.