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.

Fade In Fade Out on divs / <p> and images?

Featured Replies

I am looking for something where when you hover over an image the other images or <p> fade out so that it only highlights the div or image etc that your mouse is currently hovered over?

 

For example see the 2 attached images or have a look at the home page here >

 

www.marketecturegroup.co.uk

 

About half way down where it says "Latest News" and "Featured Blog" etc. See the images to match what i am referring to on this page.

 

Any ideas? I know it must be JQuery but cant find a plugin anywhere! The ones i do find do the opposite of what i want, - they are all faded out and when you hover over it just lights up that one.

 

Cheers

Paul

post-17236-036242600 1283420854_thumb.jpg

post-17236-002832200 1283420860_thumb.jpg

Hi buddy

 

It's called lightbox, here is the JQuery plugin :)

 

lightbox

  • Author

I know that when you open the attached images - what loads them is lightbox.

 

I am after the fade in and fade out if you compare each image when you hover over one div the other divs fade out to a darker colour, if you look at that link you'll see what i mean.

 

Thanks anyway

That link doesn't seem to work

  • Author

Its kind of like this what im after :-

 

http://www.hv-designs.co.uk/tutorials/jquery/all.html

 

But like the one on here www.marketecturegroup.co.uk

 

If you go half way down the home page and hover over "Latest News" and "Featured Blog". This is what im after.

 

Good simple slider tho, will look at that as well

 

Cheers

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.