• 締切済み

スライドショーの上にロゴマークを重ねるには

こんにちは、友人にホームページ作成を頼まれまして、挑戦している者です。 jQueryのbxsliderを使用して、サンプルのようなスライドショーを作成したのですが、 できればこの上に、ロゴマークを重ねたいと思っています。 イメージでは、 スライドショーは自動再生で次々と画像が変わるのですが、 ロゴマークは同じ位置でずっと表示されたままというふうにしたいのですが、 どのような方法がありますでしょうか? また、できればそのロゴにリンクを貼りたいと思っています。 素人に毛の生えたような知識しかなく、あまり難しいことはできませんが^^; どなたか、ぜひアドバイスをお願いいたします。 サンプル http://www.webantena.net/demo/javascript/bxslider/index3.php

  • CSS
  • 回答数2
  • ありがとう数3

みんなの回答

回答No.2

askaaskaさんのに付け足して、どの要素よりも一番上に来る指定としてz-indexを書いてあげればスライドショーの上にロゴが来ますよ!

  • askaaska
  • ベストアンサー率35% (1455/4149)
回答No.1

ロゴの表示位置は確定しているのでしょう? <img id="logo"src="ロゴ.png"/> で#logoに対し、position:absoluteでtopとleftを設定すればいいんじゃないかしら

関連するQ&A

  • bxsliderでスライドショーの間違い教えて

    ホームページ制作素人の質問で申し訳ありません。 「bxslider」を用いてスライドショーを作成しようとしていますが、jQueryのホームページから必要ファイルをダウンロードし、ガイドに従いサンプルをコピペして一番基本的な(と思われる)ものを作成してみましたが、張付けた画像が4枚縦に並んで表示されるだけで、「スライドショー」的なものになりません。 プログラムの理解が基本的に不十分な素人の厚かましい質問で恐縮ですが、下記の記述のどこが間違っているか、どう修正すれば良いか、などどなたかご教示下さればありがたく思います。 <head> <!-- jQuery library (served from Google) --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="jquery.bxslider.css" rel="stylesheet" /> </head> <script type="text/javascript"> $(document).ready(function(){ $('.bxslider').bxSlider({auto: true,autoControls: true}); </script> <ul class="bxslider"> <li><img src="http://www.geocities.jp/画像ファイル1.jpg" /></li> <li><img src="http://www.geocities.jp/画像ファイル2.jpg" /></li> <li><img src="http://www.geocities.jp/画像ファイル3.jpg" /></li> <li><img src="http://www.geocities.jp/画像ファイル4.jpg" /></li> </ul> </html>

  • jquery スライドショー

    http://showcase.awkwardgroup.com/index.html こちらをそのまま使用して スライドショーを作成したのですが、 メイン画像にはったリンクがきかなくて困っています。 どうしたらリンクがきくようになるでしょうか。 もしくは自動再生で次へ、前へボタンがついている簡単な物をご存知であれば 他のサンプルの紹介でもかまいません。 詳しい方、どうぞよろしくお願いします。

  • JavaScriptでシンプルなスライドショー

    よろしくお願いいします! JavaScriptを使って、とてもとてもシンプルなスライドショー(フォトアルバム)を作りたいのですが、 見つかるのはフェードインだったりアニメーションのようにズレたりと、希望のサンプルが見つけられませんでした。。。 下記のリンク先ようなボタンクリックで単純に写真が変わる、フォトアルバムを作りたいです。 http://www.mina-perhonen.jp/show/0809aw/index.html 流したい画像をフォルダにまとめておいて、 ボタンクリックでそれらを呼び出す。 最後の写真までいったら、ストップで、NEXTボタンガ消える。 写真の基準点はリンク先の用に右上になれば、よりうれしいです。 どなたか作り方や、似たようなサンプルを配布してくださっている方をご存じなら教えてください!! 何卒よろしくお願いいたします!

  • スライドショーの作り方教えて下さい。

    今ホームページビルダー10を使ってます。 OSはXPです。 ホームページ作成中で、スライドショーを入れようとしてるのですがビルダーを使って、Hotmediaアニメーションで作成すると プレビューでスライドショーが始まるときすぐに画像が始まる前にアニメーションのロゴのようなものが入ってます。 このロゴを消してスライドショーをスタートされるのは無理なのでしょうか? またそれが無理ならスライドショーの作成方法を教えて下さい。 (ちなみに『すなねぃる』と言うソフトをダウンロードしているのですが使い方が分かりません。 ファイルにいくつかのhtmlが作られているのですがこれをどうしたらぃぃのですか?) 他のソフトを使って試してみても、収めたい大きさ(横499:縦331)にならなかったり、 大きさが収まったかと思うと再生ボタンなどが入ったバーが一緒に表示されたりとできません。 スライドショーの表示される大きさを設定でき、再生ボタンなどバーが 表示されないでスライドショー作成する方法教えて下さい。

  • スライドショーの作り方教えて下さい。

    今ホームページビルダー10を使ってます。 OSはXPです。 ホームページ作成中で、スライドショーを入れようとしてるのですがビルダーを使って、Hotmediaアニメーションで作成すると プレビューでスライドショーが始まるときすぐに画像が始まる前にアニメーションのロゴのようなものが入ってます。 これを消してスライドショーを入れるのは無理なのでしょうか? またそれが無理ならスライドショーの作成方法を教えて下さい。 『すなねぃる』と言うソフトをダウンロードしているのですが使い方が分かりません。 ファイルにいくつかのhtmlが作られているのですがこれをどうしたらぃぃのですか? またホームページにどのようにスライドショーとして入れたらいいのでしょうか? ホームページの一コマ(決まった場所)に入れたいのですが…。 大きさは横499・縦331と大きさが決まっているのですがこの大きさにあったサイズでスライドショーの作り方教えて下さい。 スライドショーにするソフトは『すなねぃる』でも、それ以外でもぃぃのですが最終的にビルダーで挿入する方法あれば教えて下さい。

  • jQuery スライド表示について(カルーセル)

    「画像+テキスト」をスライドして表示しようとしています。 スライドする要素が1つのときでも表示できるようにしたい(このときはスライド動作は不要)のですが、配布されているものいろいろ試すと、要素が1つの時には画像自体が表示されないものばかりでした。 下記のスライダーような見え方をするものを探しているのですが、 javascriptがわからず、一つのときでも表示できるようにカスタマイズをすることができません。 何かよい方法はないでしょうか。 http://www.bxslider.com/multiple-slides1.php http://www.gmarwaha.com/jquery/jcarousellite/index.php 本来なら要素ひとつのときにスライドさせる仕組みを使う必要はないのですが、 スライド部分にいくつ要素が入ってくるかわからない、また変動するため、 どのような場合でも対応できるようにしたいのです。 どうぞよろしくお願いします。

  • jqueryスライドショーについて

    貴重な場をお借りして質問させていただきます。 jqueryでスライドショーを自作したいとおもっておりまして、 下記のようなスライドショーを実装したいとおもっております。 http://aviathemes.com/aviaslider/index.html この左上からパラパラ変わっていくアニメーションはどのような 原理で動いているか教えて頂けませんでしょうか。 調べてもよくわからず困っております。 大変申し訳ございませんがお詳しい方お力を貸して頂けませんでしょうか。 宜しくお願い致します。

  • スライドショーを作成したい

    結婚式に使うスライドショーを作成しようかと思っています。 Premiere11elementsというのがパソコンに入っていて、スライドショーサンプルのようなものが最初から 入っていたのですが、いろんなバリエーションから選べればなあと思っています。 Premiere以外でスライドショーが作成できるソフトなどありませんでしょうか? もしご存じの方や作ったことがある方、有償でもいいのであれば教えていただきたいです。 よろしくお願いします。

  • JavaScriptでスライドショー

    Webページを作成しているのですが、JavaScriptで指定フォルダ内の画像をスライドショー形式で表示するコンテンツを盛り込みたいと思っております。 現在サンプルを探しているのですが、数はあれどもなかなかこれといったものが見つけられません。 そこで下記の要望に適したサンプルがあれば教えて頂きたいです。 ・画像のスライドショー機能(自動開始が望ましいです) ・指定フォルダ内の不特定多数の画像を読み込める(そこに画像を追加したら自動で反映される) ・画像のミニビュー?が横に表示される 以上です。重要なのは1個目と2個目です。 エフェクトなどはまったくこだわるつもりが無いので、シンプルなものでも大丈夫です。 近いものでもかまいませんので教えて頂きたく。 宜しくお願い致します。

  • (JQuery)自動でスライドさせるには・・・。

    JQuery初心者ですが、サンプルをカスタマイズしてナビゲーションを自動で巡回させたいのですが 色々試してみたり調べたのですが全くもってわかりません・・・。 下記URLがサンプルで元からある機能は変えずに 操作していない時はナビゲーションと連動して一枚一枚写真が自動でスライドしている 状態にしたいのですが、お分かりになる方ご指導いただければありがたいです・・・! http://landofcoder.com/demo/jquery/lofslidernews/index5.html

専門家に質問してみよう