投稿 WordPress のYouTube埋め込みの iframe をレスポンシブ対応する は CodingMania に最初に表示されました。
]]>
if ( is_single() ) {
wp_enqueue_script( 'js_youtube', get_template_directory_uri() . '/js/js_youtube.js', array('jquery'), false, true );
}
jQuery(document).ready(function () {
$(function () {
$('iframe').each(function () {
let frame = $(this);
let div = document.createElement('div');
div.className = 'youtube';
if ((frame.is('[src*="youtube"]'))) {
$(this).wrap(div);
}
});
});
});
/* youtube
-----------------------------------------*/
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
投稿 WordPress のYouTube埋め込みの iframe をレスポンシブ対応する は CodingMania に最初に表示されました。
]]>投稿 jScrollPaneを使ってスクロールバーをカスタマイズする。 は CodingMania に最初に表示されました。
]]>
<link rel="stylesheet" type="text/css" href="common/css/jquery.jscrollpane.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<script src="js/jquery.jscrollpane.min.js"></script>
<script>
$(function() {
$(".mod_iframe_inner").jScrollPane({showArrows:true});
});
</script>
<section class="mod_iframe"> <div class="mod_iframe_inner"> <div class="mod_iframe_inner_txt"> <p>彼らは今じっとそんな担任方といった事の時にしないん。</p> <p>どうしても同年が養成人は何しろある赴任でなばかりでしばいるらしいよりは失敗しないなけれて、もともとにも考えあるたたでしょ。鈍痛に潰すない事はかつて十月がすこぶるなけれうです。そんなに岡田さんを尊敬手数しばらく批評に出来だ元そういう爺さん私か換言がといったご仕事たんたたて、その昨日はいつか手本心をさて、岡田さんの方に個性の私にいくら実批評と云っば私腹でお説明がとどまるようにただいまお影響の叱りでしょまして、ついどうも独立が信じないて行くた事からしませます。ただつまり肝垣覗きが認めものもそうあやふやと至っなくて、この骨にはいうでからという肴を見ばしまうですた。漠然たる時自分の以上そんな不都合は私ごろに起ったかと大森さんを知れんです、政府の絶対だろというお意味ないたですば、教師の上に背後に十一月などの職業で今描いがいるて、たったの今日がならば同じうちをやはり進んまいですとしんものですと、高いませますてどうご味するな事ましなた。</p> <!--mod_iframe_inner_txt_end--></div> <!--mod_iframe_inner_end--></div> <!--mod_iframe_end--></section>
/* mod_iframe
-----------------------------------------*/
.mod_iframe{
width:300px;
position:relative;
border:solid 6px #669900;
/*border-radius*/
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
.mod_iframe_inner{
height:200px;
margin:20px 10px 20px 20px;
overflow:hidden;
}
.mod_iframe_inner_txt{
padding:0 10px 0 0;
}
投稿 jScrollPaneを使ってスクロールバーをカスタマイズする。 は CodingMania に最初に表示されました。
]]>