Skip to content

How do you make the non-sliphover part of an image clickable? #30

Description

@Azoruk

I'm using sliphover at 40% height, and the top 60% isn't clickable. I want the WHOLE image to be a link, not just the bottom 40%. How do I achieve this?

Scripts:

$(".profileImageContainer").sliphover({
	target: '.profileImg',
	height: '40%',
	withLink: true,
	caption: 'data-caption',
});

HTML/Blade:

  <div class='brick profileImageContainer' style="width:{{ $width }}px">
	<a href="{{ route('image.get', ['username' => $user->username, 'URLtitle' => $image->url_title]) }}">			
		<img src='{{ url($image->medium_path) }}' width='100%' class="profileImg" data-caption="
		test123
		">		
	</a>					
  </div>	

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions