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>
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:
HTML/Blade: