jQuery

【jQuery】jQuery、jQuery UIコンポーネントとCSS3の組み合わせを使用して、機能的なCoverFlowエフェクトを作成CoverflowJS

June 25, 2018
coverflowjs

CoverflowJSは、jQuery、jQuery UIコンポーネントとCSS3の組み合わせを使用して、機能的なCoverFlowエフェクトを作成しようとしています。

Getting started

htmlは次のようになります

<div id="coverflow">
    <!-- these children will be part of the coverflow -->
    <div class="something_fancy"></div>
    <img src=".." />
    <picture><source .. /></picture>
</div>

<!-- put this in your html header -->
<link rel="stylesheet" type="text/css" href="coverflow.css" />
<script src="jquery.min.js"></script>

<!-- include coverflow after all dependencies-->
<script src="coverflow.min.js"></script>
<script>
    $(function() {
		// and kick off
        $('#coverflow').coverflow();
    });
</script>