Question

我使用javascript的onclick来显示特定div中的缩略图。

<script type="text/javascript">
function changeImg(image){
  var imghol = document.getElementById("imageHolder");
  imghol.src = image;
}
</script>

...

<?php if ($thumb) { ?>
            <div>
                <img src="<?php echo $thumb; ?>" class="zoomE img-responsive" id="imageHolder" data-zoom-image="<?php echo $thumb; ?>"> 
            </div>
        <?php } ?>

我发送图像路径。如何发送类和数据缩放图像属性（提升zomm插件）

我们的想法是将图像及其所有属性加载到接收图像的Div中。

感谢

Answer 1

您可以从任何HTMLElement

获取getAttribute函数的任何属性

在你的情况下

var imghol = document.getElementById("imageHolder");
var myAtt = imghol.getAttribute('someAtt');

Answer 2

您可以将这些作为参数传递给changeImg()并将其设置为元素。

function changeImg(image, class, dataZoomImage){
  var imghol = document.getElementById("imageHolder");
  imghol.src = image;

  imghol.classList.add(class); // add to classList
  imghol.dataset.zoomImage = dataZoomImage; // set data-zoom-image attribute
}

文档：

通过js onclick发送属性类

2 个答案: