このサイトが特定のプロジェクトの詳細を表示する方法が気に入っています http://www.craigandkarl.com/#! 作品セクションに移動し、サムネイルをクリックします。この効果を複製したいと思います。この Web サイトに関連するすべてのコードとファイルを取得しようとしましたが、特定のプロジェクトの詳細を見ようとすると、ページが壊れてしまいます。
必要なことを行うには、ここにリンクの説明を入力する必要があるかもしれませんが、それはクレイグとカールがポートフォリオに使用するものではありません. どんな助けでも大歓迎です。前もって感謝します。
この効果を実現する簡単な方法は、単一の div を左にフライアウトさせることです。これは jQuery で簡単に実現できます。
次に、押したサムネイルに応じて、ajax を介してこの div にロードするコンテンツを指定できます。繰り返しますが、jQuery はこれを行うことができます。
これは、あなたが望むことを確実に行うために拡張できる例です: http://jsfiddle.net/HVFhE/
ただし、次のようにリソースを調べるだけで、このサイトが何を使用しているかを確認できます。
たとえば、common.js
.animate({top: $(window).height() + 'px'}, 0)
.load('pages/project.cfm?projectid=' + $.address.parameter('projectid') + '&image=1&top=1', function() {
$('#project-2-footer').stop()
免責事項: 私は他人のコードを盗むことを主張しません。