Question

我想使用我的画廊以稍微不同的方式工作。

现在我有

'data'

它显示不同图像的画廊（小图像）。如果有人点击图片，它会在灯箱中显示大图片。

我需要改进它才能将鼠标悬停在未点击时显示图像。我可以向元素添加ID或类，但是我只能使用纯JS（不能使用jQuery）来完成它。

感谢您向我展示方法或一些教程。

Answer 1

我相信您想使用模式，如果可以，请尝试

https://www.w3schools.com/howto/howto_css_modals.asp 在这里使用onhover代替onclick事件，

    $("#id_of_element").hover(function(){
    modal.style.display = "block";
    };

Answer 2

您可以使用两种方法来执行此操作 1）移除图片标签，并在锚标签上设置CSS属性“ file(GLOB_RECURSE my_c_list RELATIVE ${CMAKE_SOURCE_DIR} "src/*") foreach(file_path ${my_c_list}) string( REPLACE ".c" "" new_name ${file_path} ) get_filename_component(filename ${new_name} NAME) add_executable( ${filename} ${file_path} ) endforeach()”，就像在悬停时更改此属性一样 2）

background-image: url("paper.gif")

悬停后显示图像，而非单击

2 个答案: