Jump to content

Modal Image Gallery


Eyesee

Recommended Posts

Trying to set up an image gallery so that each image opens as a modal. Can get it to work on the first image fine but it won't open any following images. Am guessing it is something to do with the image ID.

Based on this tutorial - https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img

Hoping someone can assist.

Thanks
Ian C

Added
The alternative would be to use the onClick as per this sample gallery - https://www.w3schools.com/w3css/tryw3css_templates_portfolio2.htm

Can't get that to work after the first image either.

Edited by Eyesee
Link to comment
Share on other sites

Ignore the above, managed to get the onClick version to work in the end. Did not have the cursor set to pointer so did not realise the link was there.

I have a mixture of horizontal and vertical images. The horizontal ones are too small and the vertical ones are too big. I can live with the smaller horizontal ones but do not want to have to scroll down to see the image title for the vertical ones.

Can anyone assist in what to adjust in the CSS to get the horizontal ones larger and the vertical ones smaller.

Thanks
Ian C

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...