- 締切済み
Jimdo独自レイアウトにスライドショー
Jimdo初心者です。 独自レイアウトに挑戦していますが、デフォルトのフラッシュによるスライドショーが物足らず、jQueryのスライドショー（skitter）を入れたところ、全てのページにスライドショーが適用されてしまいます。どなたかトップページだけにスライドショーが入るようなCSSの設定をご存じないでしょうか。 ちなみに、HTMLではスライドショー部分を下記のように指定しています： <div class="box_skitter box_skitter_large"> よろしくお願いします。
- luxlife
- お礼率100% (1/1)
- ホームページ作成ソフト
- 回答数1
- ありがとう数13
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- warpspace
- ベストアンサー率56% (83/147)
ターゲットの指定が誤っていませんか。 スクリプト（skitter）は具体的にどのように指定していますか。
関連するQ&A
- スライドショー「Skitter」をカスタムしたい
「Skitter」というJavascriptのスライドショーを少しカスタムして使おうと思い、 コードを見ていろいろ試したのですが、うまくいきません。 ▼「Skitter」元はこちらです http://thiagosf.net/projects/jquery/skitter/ ナビゲーションのタイプを「Numbers」「Thumbs」「Dots」の3種類から選べるようになっていて、私は「Thumbs」と言うサムネイルが表示されるタイプを選びました。 さらにサムネイルのサイズを小さく（80px x 50px）したくて、 「skitter.styles.css」や「jquery.skitter.js」のここかな、と思う箇所を 端から変更して表示を試してみてるのですが、意図したサイズになかなかなってくれません。 過去の質問やネットにはサイズ変更に関する記事は見つけることができませんでした。 どこをいじれば良いのでしょうか？ わかる方いらっしゃいましたら、教えて頂けませんでしょうか？ どうぞよろしくお願い致します。
- 締切済み
- JavaScript
- インラインフレーム内skitter画像ターゲット
jQueryを使ったスライドショーでskitterを利用しています。 skitterで作ったページをインラインフレームでトップページに表示しているのですが、画像をクリックしてターゲットのページを開く際、時々インラインフレーム内にターゲットのページが開いてしまうことがあります。特に画像アニメーションが完了していない状態でクリックするとインラインフレームの中に開いてしまうように思えます。 以下のように画像のコード部分でリンクの前にtarget指定で_topは指定してあるのですが・・。 <div class="box_skitter box_skitter_large"> <ul> <li><a target="_top" href="リンク/newpage1.html" > <img src="images/img01.jpg" /></a> <div class="label_text"><p>画像１</p></div> </li> <li><a target="_top" リンク/newpage2.html" > <img src="images/img02.jpg" /></a> <div class="label_text"><p>画像２</p></div> </li> </ul> </div> jquery.skitter.jsのほうで何かコードを変えないといけないのでしょうか？ それともインラインフレーム内でskitterの表示はよくないのでしょうか？ targetで_topを指定してあればうまく開くように思うのですが・・。 jQueryは初心者です。 ご存知の方、ぜひ対処方法をご教授ください。 よろしくお願いいたします。
- 締切済み
- JavaScript
- jimdoの独自レイアウトについて
jimdoの独自レイアウトにてHPを作っていまして 2点質問があります。 トップページのみsidebarを非表示にしたいのですが、CSSでどのように記述したら 良いですか？ ※下層ページにはsidebarは設けます。 それと、html入力で内容を入れていきたくて タグを入れているのですが（ウィジェット/html） 画像が表示できません。 独自レイアウトにてアップした画像は使えないのでしょうか？ サポートに聞いてもサポート外と言われました。 お願いします。
- ベストアンサー
- CSS
- jimdo 独自レイアウトのつくり方
jimdoの独自レイアウトで、HPを作り始めました。 ロゴを入れ替えることはできましたが。 (1)下記の部分の ここにサイト名を入れます を自分のHPの名称にすることができません。 どのようにしたらよいのか？ どこをいじったらよいか全くわかりません。 Copyright © ここにサイト名を入れます All Rights Reserved. (2)プロフィールに関して指定のところに文字を入れましたが、表記の文字がそろわないのは どこがいけないのでしょうか？ <div id="wrap"> <div id="side"> <div class="profile"> <h1> 米国クリアサイト認定クレアボヤント 日本講座第1期生 フランクアルパーチャネリング講座修了 </h1> <img src="profile.jpg" alt="" /> </div> <!-- ここまでプロフィール --> 以上よろしくお願いいたします。 HTMLに関して全くの素人です。
- ベストアンサー
- HTML
- スライドショーについて
ど～もど～も。よろしくです。http://okwave.jp/qa5423914.html 上のURLでの質問はjQueryじゃなくて「TinySlideshow」ってやつだったんだけど、jQueryだったらどうなるのかな？ 私も同じような設計で悩んでてピッタシと思うのがやっとあった！と思ってたら・・・jQueryじゃないみたい（泣） 私のしたいことはjQueryを使ったスライドショーで、時間によって色んな画像がころころと変わるようなものを作りたいです。 ソースを貼っておくのでよろしくお願いします。 ｈｔｍｌファイル <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <!-- saved from url=(0051)http://www.frontstyle.com/shopcruise/tokyo_009.html --><HTML xmlns="http://www.w3.org/1999/xhtml"> <HEAD><TITLE>test</TITLE><META content="text/html; charset=utf-8" http-equiv=Content-Type><META content=IE=7 http-equiv=X-UA-Compatible><!--css--> <LINK rel=stylesheet type=text/css href="css/style.css"> <LINK rel=stylesheet type=text/css href="css/ie6.css"> <LINK rel=stylesheet type=text/css href="css/backnumber.css"> <LINK rel=stylesheet type=text/css href="css/lightview.css"> <LINK rel=stylesheet type=text/css href="css/shopcruise.css"> <!--js--> <SCRIPT type=text/javascript src="js/heightLine.js"></SCRIPT> <SCRIPT type=text/javascript src="js/jquery-1.3.2.js"></SCRIPT> <SCRIPT type=text/javascript> jQuery.noConflict(); </SCRIPT><SCRIPT type=text/javascript src="js/jquery.easing.1.3.js">/SCRIPT> <SCRIPT type=text/javascript src="js/jquery.galleryview-1.1.js"></SCRIPT><SCRIPT type=text/javascript src="js/jquery.timers-1.1.2.js"></SCRIPT><SCRIPT type=text/javascript> jQuery(document).ready(function(){jQuery('#slide').galleryView({ panel_width: 638,panel_height: 300,frame_width: 80,frame_height: 38,transition_interval: 3000,overlay_height: 0 });}); </SCRIPT> <!--[if lt IE 7]><script type="text/javascript" src="js/iepngfix.js"></script><![endif]--> <SCRIPT type=text/javascript src="js/heightLine.js"></SCRIPT> <SCRIPT type=text/javascript src="js/swapimage.js"></SCRIPT> <SCRIPT type=text/javascript src="js/prototype.js"></SCRIPT> <SCRIPT type=text/javascript src="js/scriptaculous.js"></SCRIPT> <SCRIPT type=text/javascript src="js/lightview.js"></SCRIPT> <!--//js--></HEAD><BODY><DIV id=slide class=galleryview> <!--スライドショーここからだよ--> <DIV id=gallery_box> <!--メイン画像ここからだよ--> <DIV class=panel><IMG alt="○○○ src="./images/1.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./images/2.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./images/3.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./images/4.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./images/5.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./images/6.jpg" width=640 height=300> </DIV> <DIV class=panel><IMG alt="○○○" src="./imagess/7.jpg" width=640 height=300> </DIV> <!--メイン画像ここまでだよ--> <!--メイン画像ここまでだよ--><!--サムネイルここからだよ--> <UL class=filmstrip> <LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_7s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_2s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_3s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_4s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_5s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_6s.jpg"> <LI><IMG alt="アバハウス・ドゥヴィネット リュクス" src="./images/image_tokyo_009_1s.jpg"> </LI></UL><!--サムネイルここまでだよ--> </DIV><!--スライドショーここまでだよ--> </DIV></BODY></HTML> 長くなっちゃってごめんなさい。 困っているので、お願いします。
- 締切済み
- JavaScript
- JQueryを使ったオートスライドショーについて
Webサイトを作っているのですが、トップページにフェード効果のあるスライドショーを自動切り替えしたいと思っております。 とりあえず今日JQueryをダウンロードしたのですが、JQueryだけではスライドショーの機能を付けるのは難しいのでしょうか？ それともスライダー用のJQueryプラグインを使う必要があるのでしょうか？ JQueryだけでスライドショーを実現したほうが良いのか、プラグインを使ってスライドショーを実現した方が良いのか、どちらが良いのでしょうか？ 双方のメリットやデメリットがあれば教えて下さい。
- ベストアンサー
- JavaScript
- jimdoでの背景画像が表示されません。
jimdoでサイトを制作しているのですが HTML（HTMLソースエディタ） <div id="text1"> <p>ああああああああああああ</p> <p>いいいいいいいいいいいいいいいいい</p> <p>うううううううううううう</p> </div> CSS（レイアウト画面） #text1{ background:url(001.jpg) no-repeat; width: 600px; height: 467px; } 画像もファイルにアップ済みです。 としているのですが、背景画像が表示されません。 jimdoではなくローカル上だと表示されます。 jimdo初心者なので戸惑っています。 理由をご存知の方教えてください。
- ベストアンサー
- レンタルサーバ・ASP
- jqureryスライドショーが上手くいきません。
こんにちは。 web初心者です。 今、jqueryを使いスライドショーを作っているのですが 上手く行きません。 5枚の画像を重ねてフェードイン フェードアウトみたいな形にしてるのですが、最後の画像だけdisplay: none;が適用されなくてきれいに表示出来ません。 どなたか詳しい方、宜しくお願い致します。 <HTML> <div id="contents"> <div class="slideshow"> <img src="top30.jpg" width="950" height="450"> <img src="top21.jpg" width="950" height="450" class="alt"> <img src="top20.jpg" width="950" height="450" class="alt"> <img src="top22.jpg" width="950" height="450" class="alt"> <img src="top23.jpg" width="950" height="450" class="alt"> </div> </div> <CSS> #contents { width: 950px; margin-right: auto; margin-left: auto; height: auto; .slideshow { width: 950px; border-top-width: 1px; border-top-style: solid; clear: both; padding-top: 60px; height: auto; position: relative; float: left; } .slideshow img { position: absolute; } .slideshow img .alt { display: none; }
- ベストアンサー
- その他（プログラミング・開発）
- CSSでのレイアウトについて
現在、table、flameタグを使わず、CSSだけでレイアウトを組んでいるのですが、その際、BOX同士が離れてしまってどうしてもBOX同士をくっつけれません。。Illustratorで作った画像をスライスしてそれをつなげたいのですが。。。marginも0にしてるのに、どうもBoxの底辺にわずかな隙間ができてしまうのです。。 css body { width:800px; margin:0; padding:0; border:0; } #outline { width:800px; margin:0; padding:0; border:0; } <!-- endheader --> <div class="center-free1"> <div class="main"> メインスペース </div> <div class="free1"> </div> <br class="clear"> </div> <div class="free2"> 灰色back </div> <div class="clear"> </div> <div class="under"> </div> </div> </BODY> 一応ソースも載せてみました。。周りでcssを使ってる人がいないので、誰にも聞けず、途方に暮れています。。どうかご教授願います。。
- ベストアンサー
- CSS
- jimdoのサーバー容量の節約
無料でホームページが作成出来るjimdoにてサイトを設営しているのですが、 無料版故、写真を多く載せているとすぐに容量が上限の500MBに達してしまいます。 上限500MBに対する不満は特にありませんが、各ページに同じ写真を載せたい場合、それぞれのページで別々にデータをアップロードする必要があり、結局その１枚の写真だけで容量が２倍、３倍と消費してしまいます。 （画像の表示はjaveでスライドショーになっており、各画像のURLを確認したところ違う場所をさしていました。） 画像を同じパスに保存してそこから読み込みする…となると、htmlかcssで指定する他無いのでしょうか？ 手軽に、視覚的にレイアウトが編集出来るのがjimdoの良い点と思っていまして、 実際にjimdoを使って効率よくサイト設営されてる方がいらっしゃしましたら色々アドバイスを頂きたいと思っております。
- 締切済み
- ホームページ作成ソフト
お礼
ご回答ありがとうございます！ 先ほど、トップページに「文章」の新項目追加を行い、HTML編集でスクリプトを移植したところ、無事トップページだけで動きました。ひとつのページだけで表示したければ、そのコンテンツ部分を触ればいいということがわかりました。 お時間いただき恐縮です。ありがとうございました。