Skip to content

老莫弹窗插件整合进主题内

Posted in 每刻,知识分享

之前发布过一个随便看看的伪代码版…发现插件很多可以整合进主题里..今天的我没尝试过不过貌似不难弄进来。。给各位尝试吧

插件版原文:http://www.mo1984.com/archives/lightwindow-mo.html

嗯,有个叫lightbox的插件就是点击图片弹出一个小窗口,这个插件类似不过功能更多.下面请看详细内容:

function lightwindow($atts, $content=null){
extract(shortcode_atts(array(
"t" => '',"w" => '',"h" => ''
), $atts));
	return '<div id="sh">'.$t.' 弹窗查看</div><div id="moshow"><p><a href="'.$content.'" class="lightwindow page-options" params="lightwindow_width='.$w.',lightwindow_height='.$h.'" title="'.$t.'">点击查看…'.$t.'</a><br>Tip:点击链接会弹出'.$t.'页面,请在网页加载完成之后点击!</p></div>';
}

add_shortcode('lw','lightwindow');


/*-- 下载页面代码 --*/
function download($atts, $content=null){
	extract(shortcode_atts(array(
"did" => '',"t" => ''
), $atts));
	return '<div id="sh">【'.$t.'】 下载列表</div>
<div id="moshow"><p><a href="#'.$did.'download" class="lightwindow page-options" title="'.$t.'下载列表">点击查看【'.$t.'】下载列表</a><br>Tip:点击链接会弹出【'.$t.'】下载列表页面,请在网页加载完成之后点击!</p></div>
<div id="'.$did.'download" style="display:none">
<div align="center" style=" width: 500px; height: 200px;">
 <p style="line-height:200%">&nbsp;</p>
	<p style="line-height:200%"><strong>免责申明</strong></p>
<p></p><p></p>
<p align="left" style="line-height:200%">1、本站资源大多由老莫从网络或者其他渠道收集而来,仅供学习和研究使用,不得用于任何商业用途。如本站不慎侵犯你的版权请<a href="mailto:mo@mo1984.com">联系老莫</a>,我将及时处理,并撤下相关内容!</p>
<p align="left" style="line-height:200%">2、如标明为老莫或者老莫朋友原创的,请大家在转载前先与<a href="mailto:mo@mo1984.com">老莫联系</a>,请不要随意转载!</p>
<p style="line-height:200%">&nbsp;</p>
<p style="line-height:200%"><strong>下载地址列表</strong></p>
<p style="line-height:200%">&nbsp;</p>
<p style="line-height:200%">'.$content.'</span>
<p style="line-height:100%">&nbsp;</p>
<p style="line-height:200%">如无法下载,请与老莫联系,联系方式请见网站侧边栏</p>
</div>
</div>
';
}

add_shortcode('dlw','download');

/*-- 自定义HTML页面代码 --*/
function htmllightwindow($atts, $content=null){
extract(shortcode_atts(array(
"hid" => '',"w" => '',"h" => '',"t"=> ''
), $atts));
	return '<div id="sh">'.$t.' 弹窗查看</div>
<div id="moshow"><p><a href="#'.$hid.'lshow" class="lightwindow page-options" params="lightwindow_width='.$w.',lightwindow_height='.$h.'" title="'.$t.'">点击查看…'.$t.'</a><br>Tip:点击链接会弹出【'.$t.'】页面,请在网页加载完成之后点击!</p></div>
<div id="'.$hid.'lshow" style="display:none">
'.$content.'
</div>
';
}

add_shortcode('hlw','htmllightwindow');

/*-- QVOD播放器 --*/
function qvodlightwindow($atts, $content=null){
extract(shortcode_atts(array(
"v" => '',"w" => '',"h" => '',"t" => ''
), $atts));
return '
<div id="qvodlist"><a href="#'.$t.'player" class="lightwindow page-options" params="lightwindow_width='.$w.',lightwindow_height='.$h.'" title="'.$content.' - '.$t.'">'.$t.'</a></div><div id="'.$t.'player" style="display:none">
<div id="divqvod"><script type="text/javascript">// <![CDATA[
 var qvodurl="'.$v.'";var qwidth=500; var qheight=400; // ]]></script><script src="'.get_bloginfo('wpurl').'/wp-content/plugins/lightwindow-mo/javascript/qvod.js" type="text/javascript"></script></div>
</div>
';
}

add_shortcode('qvod','qvodlightwindow');

/*-- Swf播放器 --*/
function vodplay($atts, $content=null){
extract(shortcode_atts(array(
"v1" => 'http://',"v2" => 'http://',"v3" => 'http://',"v4" => 'http://',"v5" => 'http://',"w" => '',"h" => '',"t1" => '',"t2" => '',"t3" => '',"t4" => '',"t5" => ''
), $atts));
	return '<div id="vodlist">
<ul>
<li><a href="'.$v1.'" class="lightwindow page-options" params="lightwindow_width='.$w.',lightwindow_height='.$h.'" title="'.$content.' - '.$t1.'">'.$t1.'</a></li>
<li><a href="'.$v2.'" class="lightwindow page-options" params="lightwindow_width='.$w.',lightwindow_height='.$h.'" title="'.$content.' - '.$t2.'">'.$t2.'</a></li>
<li><a href="'.$v3.'" class="lightwindow page-options" params="lightwindow_width='.$w.',lightwindow_height='.$h.'" title="'.$content.' - '.$t3.'">'.$t3.'</a></li>
<li><a href="'.$v4.'" class="lightwindow page-options" params="lightwindow_width='.$w.',lightwindow_height='.$h.'" title="'.$content.' - '.$t4.'">'.$t4.'</a></li>
<li><a href="'.$v5.'" class="lightwindow page-options" params="lightwindow_width='.$w.',lightwindow_height='.$h.'" title="'.$content.' - '.$t5.'">'.$t5.'</a></li>
</ul></div>';
}

add_shortcode('vlw','vodplay');



function lightwindow_head() {
	print('
        <link rel="stylesheet" type="text/css" href="'.get_bloginfo('wpurl').'/wp-content/themes/你的主题名称/css/lightwindow-mo.css" />
	<script type="text/javascript" src="'.get_bloginfo('wpurl').'/wp-content/theme/你的主题名称/javascript/prototype.js"></script>
	<script type="text/javascript" src="'.get_bloginfo('wpurl').'/wp-content/themes/你的主体名称/javascript/effects.js"></script>
	<script type="text/javascript" src="'.get_bloginfo('wpurl').'/wp-content/themes/你的主题名称/javascript/lightwindow.js"></script>
	');
}
add_action('wp_head', 'lightwindow_head');
你的主题名称自己改你懂得

先把这段代码粘帖到functions.php然后开始邪恶..

把这个文件下载走..解压把三个文件夹放到主题目录下…

http://www.gokuai.com/f/a67noPq8L9q47WAD

我觉得差不多了。。希望有人试试把结果告诉我

 

Be First to Comment

    • 嘛…不复杂…我也只是拿出来充数…
      我也不知道能不能折腾出来,你帮我试试…

      2011年8月28日
      |Reply
  1. 你自己没试过就帖上来了~~

    2011年8月28日
    |Reply
  2. 这个应该很炫吧,代码这么长。。。你应该给个演示。。。

    2011年9月4日
    |Reply
  3. 不行了~看着头晕~!

    2011年9月7日
    |Reply
  4. 是可以的,只要不和主题或者插件起冲突

    2011年9月9日
    |Reply

Leave a Reply

Your email address will not be published. Required fields are marked *