0

ここにはちょっと面倒なところがありますが、基本的には画像スワップ機能を Galleriffic に入れようとしています。jquery Galleriffic イメージ ギャラリーをクライアントのニーズに合わせて調整してきましたが、追加する必要があるこの 1 つの機能を除けば、すべて順調に進んでいます。

http://www.susanyounganimation.com/test/drawings/carnival.html

左の大きな画像の下に「ネガティブ/ポジティブ」というテキストがあります。クライアントは、ユーザーが「ネガ」をクリックすると画像のネガ、つまり反転したバージョンを表示し、「ポジ」をクリックすると画像が元に戻るオプションをユーザーに提供することを望んでいます。ギャラリー内のすべての画像をネガティブ バージョン (正確に同じ寸法など) として持っているので、下のネガティブまたはポジティブ テキストをクリックしたときに、現在の画像を別の画像に置き換えるだけです。

これがすべて理にかなっていることを願っています。これを有効にするスクリプトを手伝ってくれる人はいますか? 私は機知に富んでいるので、コメントは大歓迎です。これで終わります。

ではごきげんよう

S

4

1 に答える 1

0

私はそのギャラリーの専門家ではありませんが、問題に取り組む方法は次のとおりです。ネガ画像を作成し、メイン画像と同じフォルダーに保存し、次のようにファイルの末尾に neg- を追加します。

絵画-001.jpg

絵画-001-neg.jpg

次に、現在の大きな画像 src を「neg-」を前に付けた同じ画像に置き換えるネガティブ リンクとポジティブ リンクのクリック イベント ハンドラーを追加します。

$("img#ID_OF_MAIN_IMAGE").src($(this).attr('src').replace('.jpg','-neg.jpg'));

そしてそれを復元するには:

$("img#ID_OF_MAIN_IMAGE").src($(this).attr('src').replace('-neg.jpg','.jpg'));

写真ごとに 1 つではなく、ポジティブ/ネガティブ リンクのインスタンスが 1 つだけ必要です。

これが明確でない場合はお知らせください

于 2013-02-15T19:29:19.143 に答える