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.

jQuery transitions and links

Featured Replies

Hi everyone and anyone who reads this post, and Merry Christmas,

 

This link will take you where i have made a small gallery to insert into a web page.

 

http://www.justsomediahouse.co.uk/sittingspiritually/index.html

 

I have used some jquery fading to get the transitions between the images.

 

My problem is that the owner of the site wants each picture to link to a certain page of his site. When the images are in transition there is a spot where the links switch over to the new image, but if you click to early you will be taken to the previous images link not the new one. Click the link and have a go.

 

I have somewhere seen a list of values you can use with jquery for the speed of transition, timeout etc. Are there a set of values I can insert into the script to fix this a href transition problem?

 

Any help with this would be greatly appreciated as I'm a bit lost when it comes to jQuery.

 

 

Surya (Fathernugen)

Okay well a solution to this, since we're assuming javascript is enabled (because we're using jquery obv), why not either have a onclick="window.location="http://link.com"?'>http://link.com"?

 

Or if you don't want loads of inline javascript, set the link as a rel="http://link.com" and do

 

$('#banner img').click(function(){
window.location = $(this).attr('rel');
});

 

And obviously in the css have

 

#banner img {
cursor:pointer;
}

 

so they can see it's clickable ;) Hope I might've helped.

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.