php阻止加载项,并使用触发器加载
我对编程相当陌生,但我正试图找到一种方法来完成下面描述的工作php阻止加载项,并使用触发器加载,php,html,Php,Html,我对编程相当陌生,但我正试图找到一种方法来完成下面描述的工作 <body> <div class="gallery"> <img src="photo_1.jpg"> <img src="photo_2.jpg"> <img src="photo_3.jpg"> <!-- trigger for user to load items that weren't downloaded on page load --> &l
<body>
<div class="gallery">
<img src="photo_1.jpg">
<img src="photo_2.jpg">
<img src="photo_3.jpg">
<!-- trigger for user to load items that weren't downloaded on page load -->
<img src="photo_4.jpg">
<img src="photo_5.jpg">
<img src="photo_6.jpg">
</div>
</body>
我试图找到PHP函数,理想情况下,这些函数只加载某个类/ID中的前3个img嵌入,并有一个可单击的触发器从服务器请求剩余的img嵌入
我不知道这是否是典型的留言板软件(如vBulletin)处理带有“扰流板标签的事情的方式。”。。至于它是否真的阻止加载,或者只是从视图中隐藏内容。我想知道的是,如果它真的阻止了加载,那么类似的事情就是我想知道的。首先,这与PHP无关 防止页面加载图像的唯一方法是不在页面上包含标记 您可以通过以下两种方式完成此任务: 将最后三张照片放在一个隐藏的容器中,并在需要时使用Javascript单击事件显示它们,但在加载页面时仍会加载图像 或者,您可以使用AJAX调用仅在需要时检索项目。除非它们真的很大,否则我认为第一种选择是最好的
<div class="gallery">
<img src='photo1.jpg'/>
<img src='photo2.jpg'/>
<img src='photo3.jpg'/>
<a href="#" onClick='document.getElementById("hidden-gallery").display="visible"'>show more</a>
<div id="hidden-gallery" class="hidden-gallery" style="display:none">
<img src='photo4.jpg'/>
<img src='photo5.jpg'/>
<img src='photo6.jpg'/>
</div>
</div>
我认识到,像我这样嵌入CSS样式和Javascript并不是首选方法,但它只是为了示例而存在。您尝试过什么吗?如果是,什么?(还有,这不是用PHP可以做到的。你需要javascript。)另外,有一种方法可以在视口chanheing上加载图像,称为。是的,根本不是PHP的东西。这都是javascript@Rottingham正在写东西,只是把它从内联中去掉。我已经用JavaScript做了其他东西的第一个建议,但我认为这是一个应该防止带宽和页面长度加载的领域。然后,您还需要研究AJAX和服务器端脚本调用,或者使用Javascript动态地将节点添加到DOM中。您实际上不需要使用AJAX。如果您只是使用jquery或标准javascript页面操作添加
img
标记,那么浏览器就足够智能,可以出去下载所需的图像。