2011-01-26 8 views
3

私はスライドショーにギャラリアを使用しています。私はstageの横に小さな「大きい」リンクを配置したいと思います。jQueryとGalleriaでHTML要素を更新するには?

私は「大きな」ボタンのために、このコードがあります。

<img ... rel="<?=$attachments[$i]['fullres']?>" /> 
:私は、ページのカスタムフィールドからフルサイズの画像URLにすべての <img>年代 rel=タグを割り当て、このコードを持って

this.fullres = this.create('div', 'fullres'); 
this.get('fullres').innerHTML = '<a href="#">Larger</a>'; 
this.appendChild('fullres', this.fullres); 

JQueryを使用して、activeイメージのrel=タグ値を引き出し、.fullres hrefタグを追加したいと考えています。 ...私はそれがあるとして、これはどのように動作するかを見ることができないと言っている

var title = $(.images).attr('rel'); // pulls the fullres url from the rel tag 
$('.galleria-fullres').attr('href',); //append the galleria fullres href with the rel info 
+0

どのようにアクティブなイメージへの参照を取得していますか?それはクラスをアクティブにしていますか? – Aly

答えて

0

ギャラリアはそれほど機能しません。しかし、あなたができることは、フルスクリーンに入るためのボタンを作り、フルスクリーンでより大きなイメージを持つことです。このような

何か:

$('#galleria').galleria({ 
    // other galleria options here 
    dataConfig: function(img) { 
     // get the fullscreen image 
     return { 
      big: $(img).attr('rel') 
     }; 
    } 
}); 

var galleria = Galleria.get(0); 

$('#fullscreen-button').click(function() { 
    galleria.enterFullscreen(); 
}); 
0

あなたはあなたを知っていますか:これは私がこれまで持っているが、それは動作しないコードであります次の場所にタイプミスがあります:$(.images)$('.images')である必要があります。

そして、第2のパラメータを$('.galleria-fullres').attr('href',);に放棄しましたか?これは$('.galleria-fullres').attr('href', title);ではありませんか?

jqueryはクラス別に要素を参照することでどのように動作するのですか? 1つではなく、要素の配列を取得しています。私はこれがあなたのコードの抜粋に過ぎないと思いますか?何か不足していますか?

おそらくブラウザに表示されているように、これらの要素のサンプルのhtmlを投稿できますか?それはかなり簡単なことでなければなりませんが、私は本当にそれらの行だけで全体の画像を見ることができません。

関連する問題