检索图像源类或id与php和javascript/JQuery

Retrieve Image source by class or id with php and javascript/JQuery

本文关键字：php javascript JQuery id 图像 检索      更新时间：2023-09-26

我想做的是，我有一个图像显示在页面上，另一个图像放置在顶部，使用以下教程中的JQuery实现了许多框架选择:

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

使用JCarousel，从许多选中的图像中的一个将以"active"类分配给

  • ，并且每个图像都在列表中，例如 
    <li><a href="#"><img src="#" /></a></li>

    我想做的是获得图像src位置与"活动"状态(类)每当用户点击或选择并传递到php。有没有人介意提供一些建议或提示，我怎么才能做到这一点?

    感谢您花时间阅读我的问题

    • 下面的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']);
?>
    相关文章：