CSS solution to have the whole carousel gallery block link to a particular page when the user clicks on it or any image of it.

CelsoDiniz · March 7

Hi,

On my page https://www.celsodinizphoto.com/ the very first object is a carousel gallery block, under the title of Favorites.

Question: Is it possible to have that whole block to be clickable and associated with a link to https://www.celsodinizphoto.com/home ?

I do not want to add that clickthrough link to every image in the gallery. I am looking for a CSS solution to have the whole carousel gallery block link to a particular page when the user clicks on it or any image of it.

Thanks!

Celso.

tuanphan · March 10

Add to Last Line in Code Injection > Footer

<script>
$(document).ready(function() { 
		$("div#block-yui_3_17_2_1_1677849844342_21973").click(function() {
			var link = $(this).text(),
				href = "https://google.com";
			window.location.href=href;
		});
});
</script>

Replace google with new url

CSS solution to have the whole carousel gallery block link to a particular page when the user clicks on it or any image of it.

Recommended Posts

CelsoDiniz

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

tuanphan

Posted Images

tuanphan

Link to comment

Create an account or sign in to comment

tuanphan

Resources

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources