- ベストアンサー
CrossSlideのスライドショーが中央に設置できない
- CrossSlideのスライドショーが左端には問題なく設置できるが、中央に設置できない。どうすれば中央に表示させることができるか。
- CrossSlideのスライドショーが中央に設置できない問題が発生しており、左端にしか表示されない。解決方法を知りたい。
- CrossSlideのスライドショーが中央に設置できず、困っている。中央に表示させる方法を教えてほしい。
- sssssss
- お礼率88% (325/367)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>無題ドキュメント</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="jquery.cross-slide.min.js"></script> </head> <body bgcolor="#000000"> <div id="slidedisp" style="width:800px;height:300px; margin:0 auto;"></div> <p align="center"> <script type="text/javascript"> $('#slidedisp').crossSlide({ fade: 1 },[ { src: '1.jpg', from: 'center center 1.5x', to: 'center center 0.8x', time: 4.0 }, { src: '2.jpg', from: 'center left 1.0x', to: 'bottom right 1.0x', time: 4.0 } ]); </script> </p> <p> </p> </body> </html> ---------------------------------------------------------------- 一番上にDOCTYPE を宣言してあげれば margin:0 auto; が効きますよ。
その他の回答 (1)
- tenpraxxx
- ベストアンサー率50% (1/2)
<div id="slidedisp" style="width:800px;height:300px; margin:0 auto;"></div> の様にmargin:0 auto;も入れてますか？
お礼
tenpraxxxさま 入れてませんでした。 入れたら、すぐ中央に反映されました。 ありがとうございます。 これで無事設置することができるようになりました。 助かります。
お礼
8016980さま 早速ありがとうございます。 ご指摘のように、最初に追加してみましたが、中央には移動できませんでした。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">