Fatal编程技术网
  • javascript/
  • Javascript 如何将lightbox图像添加到bxslider（尝试使用colorbox）

Javascript 如何将lightbox图像添加到bxslider（尝试使用colorbox）

javascript php jquery html css

Javascript 如何将lightbox图像添加到bxslider（尝试使用colorbox）,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,$（文档）.ready（函数（）{ $（'.slider'）.bxSlider( { 是的， 自动控制：正确， stopAutoOnClick：正确， 传呼机：错， 暂停：2000 }); $（“.slide1”）。单击（函数（）{ $彩色盒({ 宽度：“900px”， 高度：“600px”， 伊夫拉姆：是的， href:“http://via.placeholder.com/300x300" }); }); $（'.slide2'）。单击（函数（）{ $彩色盒({ onOpen:函数（）{ 警

$（文档）.ready（函数（）{
$（'.slider'）.bxSlider(
{
是的，
自动控制：正确，
stopAutoOnClick：正确，
传呼机：错，
暂停：2000
});
$（“.slide1”）。单击（函数（）{
$彩色盒({
宽度：“900px”，
高度：“600px”，
伊夫拉姆：是的，
href:“http://via.placeholder.com/300x300"
});
});
$（'.slide2'）。单击（函数（）{
$彩色盒({
onOpen:函数（）{
警报（'onOpen:colorbox即将打开'）；}，
onLoad:function（）{
警报（'onLoad:colorbox有开始内容'）；}，
onComplete:函数（）{
警报（'onComplete:loaded content'）；}，
onCleanup:function（）{
警报（'onCleanup:已开始关闭过程'）；}，
onClosed:function（）{
警报（'onClosed:完全关闭'）；}
});
});
});

此元素的最终代码是



$（文档）.ready（函数（）{
$（'.slider'）.bxSlider(
{
是的，
自动悬停：正确，
滑动宽度：900，
幻灯片编号：450，
自适应高度：false，
模式：“水平”，
自动控制：正确，
stopAutoOnClick：正确，
传呼机：错，
暂停：2000
});
$（“.slide1”）。单击（函数（）{
$彩色盒({
html:“”，
最大宽度：'95%'，
最大高度：'95%'}）；
});   
$（“.slide2”）。单击（函数（）{
$彩色盒({
html:“”，
最大宽度：'95%'，
最大高度：'95%'}）；
});   
});