使用php和javascript / JQuery按类或id检索图像源

时间:2011-10-24 06:12:05

标签: php javascript jquery image jcarousel

我要做的是在页面上显示图像,另一个图像位于顶部,JQuery从以下教程中实现了许多帧选择:

http://www.queness.com/post/3036/create-a-custom-jquery-image-gallery-with-jcarousel

使用JCarousel,来自许多选定图像的其中一个图像将被赋予“活动”类到

  • ,并且每个图像都在列表中,例如

    <li><a href="#"><img src="#" /></a></li>
    

    我想做的是每当用户点击或选择并传入php时,将图像src位置设置为“活动”状态(类)。有谁介意提供一些建议或提示我怎么能这样做?

    感谢您抽出时间阅读我的问题。

  • 1 个答案:

    答案 0 :(得分:0)

    以下jQuery应该在JavaScript中选择您想要的内容:

    var activeImageSource = $('li.active').find('img').attr('src');
    

    至于将其传递给PHP,取决于您提交信息的方式。您可以通过HTTP <form> POST(其中action是编码为解析请求的PHP文件)或AJAX请求提交 src 。您可以访问PHP $_POST数组中的发布的数据。

    的JavaScript

    var activeImageSource = $('li.active').find('img').attr('src');
    
    $.ajax({
      type: 'POST',
      url: 'some.php',
      data: 'activeImage=' + activeImageSource,
    }).done(function(msg) {
      console.log('Success');
    });
    

    PHP

    <?php
      echo 'activeImage source is ' . htmlspecialchars($_POST['activeImage']);
    ?>