javascript
JQueryでもって< iframe>を表示させてしまうプラグインです
Unobtrusive iFrame with JQuery
一番下にソースがあります↓
使いかはやっぱり簡単♪
<head>にこんな感じ↓
<script type=”text/javascript” src=”js/jquery_iframe.js” ” charset=”utf-8″></script>
<script type=”text/javascript”>
$(document).ready(function() {
$(‘a.iframe’, ‘#news).iframe();
});
</script>
<iframe>を表示させたい部分にコレ↓
<div id=”news”><a href=”http://www.google.co.jp/” class=”iframe w:620 h:200″>javascript ONで、googleが表示されます</a></div>
classオプションで、高さやらスクロールやら指定します
のはずの↓
微妙にうまくいかなかったのでメモメモです
うまくいかなかったところは、ちび画像（サムネイル）をクリックすると、びよーんと大きく表示される画像が、あのIEですら普通に動いたのに、かのFirefoxでは、中心から半分右にズレて表示されるのです！がーんっ
で、imgzoom.jsをじっくり観察
positionを多用しているせいで、大きな画像は迷子になているっぽいと、ふんで、
で、imgzoom.jsの252行目くらい
$bigImg.css({ position: ‘absolute’, opacity: endOpacity }).click(zoomOut);
に
left:0
をたしてやって、
$bigImg.css({ position: ‘absolute’, opacity: endOpacity,left:0 }).click(zoomOut);
としたら、なおりました♪
きちんと真ん中に拡大画像が表示されました！良かった
恥ずかしながら知りませんでした…
一生懸命「動かない…」となんやかんややってました
jquery.cookie.jsを使って、あれこれやったものの、どうしてもGoogle Chromeでだけ動いてくれなくて困ってたわけです
そうしたら、「Google Chromeはローカル環境でクッキーを作らない」という神のお告げをいただき、サーバーにＵＰしたところ、普通に動きました
恥ずかしいですねぇ
まずは<head>内にコレ
＜script type="text/javascript">
function frmhenkou(){
henkou.location = "tondeku.html";
}
</script＞
次に<body>にコレ
<body onload="frmhenkou()";>
<iframe>部分にはコレ
<iframe src="test.html" name="henkou"></iframe>
これで、ページ読み込み時に、フレーム内のtest.hmlは、tondeku.htmlになります
曜日や時間帯でフレームの中身を変えたいときに有効♪
例えば日付と月をくっつけた値をファイル名にしたい時なんか
例）2011年5月を、201105と表示したい場合
普通に連結を書いちゃうと、
var d = new Date();
var year = d.getFullYear();
var month = d.getMonth() + 1;
var kongetu = year+month+”.html”;
↓
kongetuの値は、2011+5で、つまり2016.htmlと表示されてしまう
ので、
数字を文字列扱いしてやって、
if(month <10){
month = “0″+month;
}
var monthhtml = month+”.html”;
var kongetu = year+monthhtml;
ワンクッションおくと出来ました
kongetuの値は、201105.htmlと表示♪
jQueryを使って、フォルダ内のtxtファイルを読み込み、その内容をhtmlに書かせる
<head>内にはコレ↓
<script type=”text/javascript”>
$(document).ready(function(){
$(“#kakasetai”).load(“kakasetai.txt”);
});
</script>
<html>の書かせたい場所にはコレを↓
<p id=”kakasetai”></p>
IDEA*IDEAさんで紹介されていたのですが、とっても気に入ってしまいました♪↓
Rotating Image Slider with jQuery
動き方がなんともいい感じです
いつかこんなスライドショーを使うサイトを作ろうと心に決めたのでした
Web Designer Wallさんの記事より、私的に楽しかった「ページＴＯＰへ」のするするアニメーション♪
「ページＴＯＰへ」のボタンが、ページをスクロールするまでいないんです
でも、スクロールすると、ふわんと現れて、クリックして、ページの先頭に戻ったら、また消えるんです
↓
なんだか豪華なパーツです
とっても前に使っていたのですが、いきなり思い出したので、メモ！です
ぼやんと、文字なり画像なりがでてきて消え、同じとこでまた別の文字なり画像なりが出てきて消えて…です！
設置が簡単！！
まずは、javascriptを呼び出して、
<script type=”text/javascript” src=”js/bsn.Crossfader.js”></script>
切り替え用のソースはこんな感じで
<div class=”cf_wrapper”>
<div id=”cf1″>1個目</div>
<div id=”cf2″>2個目</div>
<div id=”cf3″>3個目</div>
</div>
</body>あたりにでも↓切り替えのタイミングを記述
<script type=”text/javascript”>
var cf = new Crossfader( new Array(‘cf1′,’cf2′,’cf3′), 500, 2000 );
</script>
東北地方太平洋沖地震の被害に遭われた方に
心よりお見舞い申し上げます。
皆様の安全と、一日も早い復興を心よりお祈り申し上げます。
IEを使わないわたしの自宅ＰＣでは、未だIE6が化石として存在していますけど、世間でははIE9の名前がちらほら…
と、同時に不具合がちらほら…
「lightbox.jsがie9で動かない」という現象は、prototype.jsの最新版との差し替えで解決します↓
Prototype 1.7 RC3: Support for IE9
