yamanoiです。
jQueryを使ったthickboxでよければどうぞ。
http://www.yamanoi.org/concrete5/download/thickbox/
画像ブロックのカスタムテンプレートです。
lightboxの設置について
2011年4月5日 at 21:22
http://www.lokeshdhakar.com/projects/lightbox2/
上記サイトよりダウンロードしたlightbox2を設定しようとしたところ、うまくいきません。だれか助けてください
わたしが行った順序は
1.header.phpに
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
と、
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
を入れ、
2.themes内images、js,cssをアップロード
3.ページ編集のhtmlで
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
を入力しました。
よろしくお願いします
Re:Re: lightboxの設置について
2011年4月8日 at 15:57
hissyさん、yamanoiさんお答えいただいてありがとうございます
早速hissyさんからご紹介いただいたfancyboxを設置しようと試みましたが、header.phpのhead内に
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
</script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images ・・・・・以下省略
ここの部分はどの様に修正して入力すればいいのかわかりません。
基本的な部分の質問で申し訳ないのですが、よろしくお願いいたします
早速hissyさんからご紹介いただいたfancyboxを設置しようと試みましたが、header.phpのhead内に
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
</script>
<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
$(document).ready(function() {
/*
* Examples - images ・・・・・以下省略
ここの部分はどの様に修正して入力すればいいのかわかりません。
基本的な部分の質問で申し訳ないのですが、よろしくお願いいたします
Re: Re: Re:Re: lightboxの設置について
2011年4月10日 at 11:22
Re: Re: Re: Re: Re:Re: lightboxの設置について
2011年4月13日 at 7:44
yamanoiです。
/blocksの下にアップします。
/blocks/image/templates/fancybox/*
使い方は、画像ブロックで写真を貼った後に、カスタムテンプレートを指定します。
ちょっと解説
imageブロック本体は、/concrete/blocks/の下にあります。
こちらを編集するとconcrete5のアップデートで不具合が生じますので
カスタマイズする場合は、/blocksの下に同じ名前で置きます。
concrete5は、ファイルを /blocks --> /concrete5/blocks の順に探しています。
/blocksの下にアップします。
/blocks/image/templates/fancybox/*
使い方は、画像ブロックで写真を貼った後に、カスタムテンプレートを指定します。
ちょっと解説
imageブロック本体は、/concrete/blocks/の下にあります。
こちらを編集するとconcrete5のアップデートで不具合が生じますので
カスタマイズする場合は、/blocksの下に同じ名前で置きます。
concrete5は、ファイルを /blocks --> /concrete5/blocks の順に探しています。
Your post has been saved and will be published after approval by the forum moderator.
takuro hishikawa
Re: lightboxの設置について
http://fancybox.net/