<link href="<?php echo base_url();?>view/css/login_2.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url();?>view/css/contentslider.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo base_url();?>view/js/jquery.ennui.contentslider.js"></script>
<script type="text/javascript" src="<?php echo base_url();?>view/js/jquery.easing.1.3.js"></script>
<script>
$(document).ready(function() {
jQuery('#one').ContentSlider({
width : '800px',
height : '461px',
speed : 800,
easing : 'easeOutCirc'
});
});
</script>
<script>
$(window).load(function()
{
$.fancybox(
$("#test").html(), //fancybox works perfect with hidden divs
{
//fancybox options
}
);
});
</script>
ここで fancybox を開いて #test 'div を開きますが、contentSlider が機能しません。(コンソールではエラーなし) fancybox (document).ready を変更したとき、#test div で div ボタンをクリックできません。おそらく z-index または smt ですが、cursor:pointer はできません。
編集(コメントから移動)
$(window).load(function () {
$.fancybox($("#test").html(), //fancybox works perfect with hidden divs
{
onStart: function () {
jQuery('#one').ContentSlider({
width: '800px',
height: '461px',
speed: 800,
easing: 'easeOutCirc'
});
}
});
});
動いていない
ステップ2 :
<script>
$(window).load(function()
{
$.fancybox(
$("#test").html(), //fancybox works perfect with hidden divs
{
beforeShow: function(){
jQuery('#one').ContentSlider({
width : '800px',
height : '461px',
speed : 800,
easing : 'easeOutCirc'
});
}
}
);
});
</script>
それも機能していません