<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<p class="wrapper">
</p>
<script type="text/javascript">
/ list.innerHTML = list.innerHTML;//さらに 5 つの li を追加します/
リーリー</script>
</body>
</html>
質問したいのですが、画像が最後の画像に到達し、次の画像を表示するときに、途中のトランジション効果が表示されずに、すぐに最初の画像に移動するにはどうすればよいですか?
三叔2017-06-12 09:30:53
最初の写真のクローンを最後に置きます
jqueryを使って書いたので参考にしてください
リーリー効果表示:
https://ityanxi.github.io/seg...
巴扎黑2017-06-12 09:30:53
実際、多くの人から問い合わせがありました。原理は視覚的な欺瞞であり、5、1、2、3、4、5、1 の構造に似ています。5 番目の画像に到達したら、1 に戻る必要があります。まず、次のように右端の 1 までスクロールします。トランジションエンドで、左側の 1 が現在の 1 に置き換わるように位置を瞬時に調整します。簡単に言うと、右側の 1 の位置は -1920px、左側の 1 の位置は 0px になります。 。カルーセルが -1920px に達すると、位置は即座に 0px に調整され、視覚的な欺瞞の目的が達成されます。 1～5も同様で向きを変えるだけです
