Ram
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
MOhan
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Kumar
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
all Code:Â
Initial Image Show/Hide CSS
Â
selector .all-img{
display: none;
}
selector .img-1{
display: block;
}
Â
Text Data Attribute
data-showme|img-1
Dynamic Image Hide/Show JS
<script src=“https://code.jquery.com/jquery-3.6.0.min.js”></script>
<script>
//No Youtube Remake using this Snippet without Permission
//Copyrighted by Jim Fahad
var $ = jQuery
$(document).ready(function(){
$(‘[data-showme]’).hover( function(){
event.preventDefault();
var showme = $(this).attr(‘data-showme’)
Â
$(‘.all-img’).hide()
$(‘.’ + showme).show()
Â
})
})
</script>