Colorbox複数の画像をスライドショーをクリックすると画像

StackOverflow https://stackoverflow.com/questions/3402601

質問

ご覧くださいこのサイトとして参考： http://www.philsalesses.com/place-pulse/

左側に出ていますのスクリーンショットイメージです。をクリックすると画像が開きますcolorboxるイメージです。

私は以前からwordpressを使ったポストが4箇所、ギャラリー。

いきたいと思いる場合をクリックすると、一つの画像は、サイクルを通じてすべての画像ギャラリーに関連付けられます。

私はブランドの新wordpressので、お申し出ください降りました。

役に立ちましたか？

解決 2

私はNextGenのギャラリーは、使用をオフにオプションで設定し、「効果」というを使用して写真をインポート。私はネクストジェンソースに行き、各IMG下クラスとしてカラーボックス-1を添加しました。スタイルCSSと私は終わりです。 4時間トップスます。

デモの http://www.philsalesses.com/seaswarm のを見てみましょう。

他のヒント

な話をも始まりどこかということです。とを示すその他の画像からのcolorboxプラグインセットアップのページのような(擬似コード):

for all links that contain an image {
    if the link is to an image {
        if the image has a CSS class of "colorbox-[0-9]+" {
            group it with all other images with the same CSS class
        }     
        if the image has a CSS class of "colorbox-manual" or no CSS class {
            don't group it with any other images
        }       
    }
}

みのおのページを見て問題が

  1. おひと画像リンクのCSSクラス"colorbox-マニュアル".
  2. が一つのリンクページ上記の条件に合う:)

最も簡単な方法では問題を解決するための追加の4画像がごいようにして、サムネイルがこないと考えている。しろかきは追加の4画像やそうとしてい display: none ます。このcolorboxプラグインが、グループするメインの画像が実際にサムネイルにします。

このようになったの画像:

<a href="image1.jpg" style="display: none;"><img src="image1-thumb.jpg" /></a>
<a href="image2.jpg" style="display: none;"><img src="image2-thumb.jpg" /></a>
<a href="image3.jpg" style="display: none;"><img src="image3-thumb.jpg" /></a>
<a href="image4.jpg" style="display: none;"><img src="image4-thumb.jpg" /></a>

さん、チェックにマークアップのための class このcolorboxプラグインを追加しご気軽にご相談ください。この colorbox-[0-9]+ （ colorbox-123).

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top