wordpressでlightbox系のプラグイン
いつもお世話になっております。
オリジナルで今テーマを作り構築し終わったのでlightbox系のプラグインをいれようとした所、
どのlightbox系のプラグインを入れても、
【このプラグインを有効化する際に、224文字分の予期しない出力が生成されました。もし “headers already sent” エラーメッセージ、配信フィードの問題などが発生する場合は、プラグインを無効化または削除してください。】
と出てしまい、lightboxの効果が全く反映されません。
header内は下記です。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href=”css/style.css" rel="stylesheet" type="text/css" />
<title><?php bloginfo(‘name’); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
// 画像のプリロード
$(function(){
$("a img").each(function(){
if(String($(this).attr("src")).match(/_off\.(.*)$/)){
var img = new Image();
img.src = String($(this).attr("src")).replace(/_off\.(.*)$/,"_on.$1");
}
});
});
// 画像のロールオーバー
$(function(){
$('a img').hover(function(){
$(this).attr('src',$(this).attr('src').replace('_off','_on'));
},function(){
$(this).attr('src',$(this).attr('src').replace('_on','_off'));
});
});
</script>
</head>
何が原因なのでしょうか？？
お礼
回答ありがとうございます。 何か出来ませんね、いい方法ありませんか？ pinterest風グリッドレイアウトにしてから、下から上へふわっと表示するような感じにしたいのですが、上手くいく方法はないでしょうか？ 宜しくお願いします。