【解決】ロリポップサーバーでMaxiGallery、smoothgalleryのCarousel表示がおかしい

56 Posts

min-o Reply #1, 17 years, 11 months ago

いつもお世話様です。

ロリポップサーバーを使用してMaxiGalleryを設定したのですが、display=`embeddedで。
smoothgalleryにするとCarousel内のサムネイルの表示がおかしいのです。

画像は4枚あるのですが、サムネイルには1枚がどうも重なって表示されているようです。
またマウスオーバーするとピクピク動きます。

サンプルを見ていただくのがわかりやすいので、URLを貼り付けます。
http://scifitique.org/11/7.html

modxは0.9.6.1
MySQL　4.0.24
php ver.4.4.6

MaxiGalleryのスニペットコールは以下です。

[!MaxiGallery? &display=`embedded` &embedtype=`smoothgallery` &smoothgallery_showArrows=`true` &smoothgallery_showCarousel=`true` &smoothgallery_embedLinks=`false` &smoothgallery_width=`450` &smoothgallery_height=`320` &max_pic_size=`250` &smoothgallery_showInfopane=`false`!]

同じスニペットコールをロリポップでない他のサーバーで試したところ、問題なく表示しましたので
ロリポップサーバーと、javascriptなりAjaxなりとの相性の問題かなと思います。

修正できるものならしたいのですが、どのあたりをいじったらいいのかわかりません。
修正方法、そのヒントなど何かありましたら、よろしくお願いいします。

56 Posts

min-o Reply #2, 17 years, 11 months ago

すいません！　自己レスです。
テンプレートを変更したら直ってしまいました。

最初に使っていたcssに何か記述ミスがあったようです。
お騒がせししました。

95 Posts

thr Reply #3, 17 years, 11 months ago

こんにちは、min-oさん
ｔｈｒです。

解決できたようで、良かったです。

私もmaxigalleryを使ったときにうまくいかなかったことがあったので、ちょっとにているのかな、、
xml宣言をテンプレートファイルに書くと　ie6の場合　ギャラリーがうごかなかったりしました。
宣言を抜いてあげれば解決しました。

あんまり関係ないかな、、、サイト制作がんばってください！

MODx CMS JAPAN
モデレータ（日本公式とか、広報とか、雑務担当？）
thr

56 Posts

min-o Reply #4, 17 years, 11 months ago

補足です。

原因はcssでdivタグにに右マージンを設定していたためでした。
（3カラムで右カラムの表示スペース用に）

MaxiGalleryのsmoothgalleryを使うと以下のような構成になり、クラス、idを指定しない
htmlタグへのcss適用は注意が必要ですね。 :’(

クラス指定するか、class="imageElement"　内のタグは除くように設定しないと、どつぼにはまりますorz

<div id="myGallery00"> ←00はページid
	 
　<div class="imageElement"> ←各写真
　　　<h3>画像タイトル</h3>
　　　<p>コメント</p>
　　　<a href="リンク" title=" » Click to zoom ->" class="open"></a>
　　　<img src="実際の画像" class="full" />
　　　<img src="サムネイル画像" class="thumbnail" />
　</div>

</div>

56 Posts

min-o Reply #5, 17 years, 11 months ago

thr さん

レスありがとうございます。

xml宣言をテンプレートファイルに書くと　ie6の場合　ギャラリーがうごかなかったりしました。
宣言を抜いてあげれば解決しました。

今回はCSSでしたが、IEのxml宣言は曲者ですね
最初わたしも書いてたのですが、IEの別の不都合がでて、結局はずしてしまいました…。

サイト制作がんばってください！

ありがとうございます。トップページを公開しながら裏で作っている状態ですので、内部が出来上がったらまた報告に参ります。