0

面接のために完了する必要があるタスクがあり、1 つの面倒な部分で問題が発生しています。フロント ページに一度に 8 つの画像を表示するポートフォリオ サイトを作成する必要があります。これらの画像はハイパーリンクにする必要があります。

必要なすべてのデータ (画像の場所、URL、タイトルなど) は XML ファイルに保存されます。私はこのすべてのデータを取得し、関連するタイトルでページに 8 つの画像を表示するページネーション Javascript アニメーションを正常に作成しました。

私が苦労しているのは、画像をハイパーリンクにすることです。答えは私をじっと見つめていると確信していますが、ハイパーリンクを追加しようとするたびに、画像の表示を停止するか、画像を表示しますが、ページネーションとアニメーションを壊します.

以下に HTML、JS、および CSS を含めましたが、明らかに XML を添付していないため、何も表示されません。私は何人かがこれを行う方法を知っていることを願っています!

XMLが必要かどうか教えてください..

http://jsfiddle.net/gFg56/1/ -コード

フロントページの画像がどのように見えるか:

ここに画像の説明を入力

4

2 に答える 2

0

画像は本当にハイパーリンクである必要がありますか、それとも単にそれらのように動作する必要がありますか？ここでの問題は、JavaScriptでレンダリングを処理し、JavaScriptを使用してリンクされたURLに移動できるように、ハイパーリンクのデフォルトの動作を防止する必要があるという事実に基づいているのではないでしょうか。

于 2012-10-24T21:55:54.453 に答える
0

これはうまくいくはずです

$('#portfolio-item').append('<li><a href="' + url + '"><img src="' + image + '" alt="' + title + '"></a></li>');

そうでない場合は、発生したエラーを投稿できますか?

さよなら

于 2012-10-19T08:49:20.687 に答える