More than 3 years have passed since last update.

固定メニュークリックでyoutubeポップアップ

jQuery

Posted at 2021-02-23

main.html

<head>
<!--youtubeポップアップ-->
<link rel="stylesheet" type="text/css" href="src/css/lightcase.css">
<script type="text/javascript" src="src/js/lightcase.js"></script>
</head>


<body>
		<div class="link_youtube">
			<a data-rel="lightcase" href="https://www.youtube.com/embed/Yx3C7hegG6M?rel=0">
				<img src="img/rabbit.png" alt="">
			</a>
		</div>


</div><!-- //#main -->
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$('a[data-rel^=lightcase]').lightcase({
	transition: 'fade',
	showSequenceInfo: false,
	showCaption: false
}
		);
	});
</script>


</body>

ありがとうございます！
https://creative-rush.site/lightcase/

大元
https://cornel.bopp-art.com/lightcase/

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up