wordpress - 如何获取jquery幻灯片标题和标题

时间:2012-11-30 10:47:46

标签: php jquery wordpress title caption

我是PHP的初学者,所以对于你们中的一些人来说,这个问题很荒谬。

我想从jquery滑块获取图片标题和标题。 (Themeforest Delight主题 - http://www.pixedelic.com/themes/delight/),以与(http://themes.themegoods.com/dk_wp/)相同的方式显示它们。

我几乎尝试过所有事情。

提前感谢您的帮助。

以下是标题中的代码:

<?php
function default_bg(){
    if(get_pix_option('pix_general_background')=='slideshow'){ ?>
        <div class="pix_slide" data-position="fixed" data-top="0" data-bottom="not">
            <?php 
            $slide_general = get_pix_option('pix_array_slide_general_');
            foreach ($slide_general as $slide) {
                echo '<div data-src="'. $slide .'" data-thumb="'. get_pix_thumb($slide, 'exTh') .'" data-content="'. get_pix_content($slide) .'"></div>';
            }

            ?>

我找到了一些获取内容但却无法实现的脚本。

这是:

content: jQuery('#pix_credits_pictures').html(),
            events: {
                show: function(event, api) {
                    api.set('content.text', jQuery('#pix_credits_pictures').html());
                }
            },

1 个答案:

答案 0 :(得分:0)

您需要修改jQuery滑块的方式,以包含图像的自定义属性,以包含标题和标题。类似的东西:

<?php
    $slide_captions = array("caption1","caption2"...);
    $slide_title = array("title1","title2"...);
?>


<?php
    function default_bg(){
    if(get_pix_option('pix_general_background')=='slideshow'){ ?>
        <div class="pix_slide" data-position="fixed" data-top="0" data-bottom="not">
        <?php 
            $slide_general = get_pix_option('pix_array_slide_general_');
            $c = 0;
            foreach ($slide_general as $slide) {
                echo '<div data-src="'. $slide .'" data-thumb="'. get_pix_thumb($slide,     'exTh') .'" data-content="'. get_pix_content($slide) .'" image_title="'.$slide_title [$c].'" image_caption="'.$slide_captions[$c].'" class="slide_item"></div>';         
                $c++;
            }
?>

你可以实现一个更优雅的解决方案来“存储”标题和标题而不是数组,我想这取决于你的插件的工作方式以及它如何存储图像。

接下来,您可以使用jQuery访问标题和标题,如下所示:

var image_title= $('.slide_item').attr('slide_title');
var image_caption= $('.slide_item').attr('image_caption');

显然,您必须决定使用标题的确切位置以及何时,但这就是您访问它们的方式。最好的方法是修改活动图像事件上的滑块库。