1. <i id='CiFMA'><tr id='CiFMA'><dt id='CiFMA'><q id='CiFMA'><span id='CiFMA'><b id='CiFMA'><form id='CiFMA'><ins id='CiFMA'></ins><ul id='CiFMA'></ul><sub id='CiFMA'></sub></form><legend id='CiFMA'></legend><bdo id='CiFMA'><pre id='CiFMA'><center id='CiFMA'></center></pre></bdo></b><th id='CiFMA'></th></span></q></dt></tr></i><div id='CiFMA'><tfoot id='CiFMA'></tfoot><dl id='CiFMA'><fieldset id='CiFMA'></fieldset></dl></div>
    <tfoot id='CiFMA'></tfoot>

    <small id='CiFMA'></small><noframes id='CiFMA'>

        <bdo id='CiFMA'></bdo><ul id='CiFMA'></ul>

    1. <legend id='CiFMA'><style id='CiFMA'><dir id='CiFMA'><q id='CiFMA'></q></dir></style></legend>
    2. 如何制作缩略图&lt;img&gt;单击时显示全尺寸图像?

      How can I make a thumbnail lt;imggt; show a full size image when clicked?(如何制作缩略图lt;imggt;单击时显示全尺寸图像?)

      <small id='MKc6l'></small><noframes id='MKc6l'>

      <legend id='MKc6l'><style id='MKc6l'><dir id='MKc6l'><q id='MKc6l'></q></dir></style></legend>

        <i id='MKc6l'><tr id='MKc6l'><dt id='MKc6l'><q id='MKc6l'><span id='MKc6l'><b id='MKc6l'><form id='MKc6l'><ins id='MKc6l'></ins><ul id='MKc6l'></ul><sub id='MKc6l'></sub></form><legend id='MKc6l'></legend><bdo id='MKc6l'><pre id='MKc6l'><center id='MKc6l'></center></pre></bdo></b><th id='MKc6l'></th></span></q></dt></tr></i><div id='MKc6l'><tfoot id='MKc6l'></tfoot><dl id='MKc6l'><fieldset id='MKc6l'></fieldset></dl></div>
          <tbody id='MKc6l'></tbody>

            • <bdo id='MKc6l'></bdo><ul id='MKc6l'></ul>

              • <tfoot id='MKc6l'></tfoot>
                本文介绍了如何制作缩略图&lt;img&gt;单击时显示全尺寸图像?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                问题描述

                通常你有一个图像标签,其中 src 作为图像的来源,alt 作为替代文本:

                Normally you have an image tage with the src as the source of the image and the alt as the alternative text:

                <img src="image1.gif" alt="Image 1" />
                

                你能有类似的东西吗?:

                Can you have something like is?:

                <img src="image1.gif" alt="image2.gif" />
                

                这意味着 src 有一个图像源,而 alt 也有一个图像源.

                So that means the src has an image source and the alt also has an image source.

                我想要做的是使用 flickr api 从 flickr 中提取 2 个图像(一个拇指图像和一个正常大小的图像),当用户点击拇指时,会显示正常大小的图像.

                What I want to do is pull 2 images from flickr using the flickr api (a thumb image and a normal sized image) and when the user clicks on the thumb, the normal sized image is shown.

                我尝试过这样的事情:

                <a href="image2.gif" ><img src="image1.gif"/></a>
                

                ...但我得到默认的not found' 图像作为拇指(即使图像确实存在).

                ...but I get the default 'not found' image as the thumb (even though the image does really exist).

                我正在使用 JQuery/Javascript.

                I am using JQuery/ Javascript.

                欢迎和赞赏任何帮助、建议甚至替代方案.

                Any help, suggestions or even alternatives are all welcome and appreciated.

                谢谢

                感谢山姆的回复,

                我不喜欢灯箱,因为我觉得它太慢太花哨了.

                I don't like lightbox because I find it too slow and fancy.

                但我喜欢geowa4的想法.

                但请保持你的答案......

                but please, keep your answers coming...

                谢谢

                推荐答案

                <a href="image2.gif" ><img src="image1.gif"/></a>
                

                技术一直对我有用.我在超级碗日记中使用它效果很好,但我发现我使用的脚本被破坏了.修复它们后,我将在 URL 中进行编辑.

                technique has always worked for me. I used it to good effect in my Super Bowl diary, but I see that the scripts I used are broken. Once I get them fixed I will edit in the URL.

                这篇关于如何制作缩略图&lt;img&gt;单击时显示全尺寸图像?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                相关文档推荐

                quot;Status Code:200 OK (from ServiceWorker)quot; in Chrome Network DevTools?(“状态码:200 OK(来自 ServiceWorker)在 Chrome 网络开发工具中?)
                What is quot;X-Content-Type-Options=nosniffquot;?(什么是“X-Content-Type-Options=nosniff?)
                SmtpJs API not working! is there any way to send emails using SMTP server with JavaScript or JQuery(SmtpJs API 不工作!有没有办法使用带有 JavaScript 或 JQuery 的 SMTP 服务器发送电子邮件)
                Can I send email using javascript(我可以使用 javascript 发送电子邮件吗)
                Select All the objects on canvas using Fabric.js(使用 Fabric.js 选择画布上的所有对象)
                Crop the image using JavaScript(使用 JavaScript 裁剪图像)
              • <small id='pIYaq'></small><noframes id='pIYaq'>

                  <bdo id='pIYaq'></bdo><ul id='pIYaq'></ul>
                  <i id='pIYaq'><tr id='pIYaq'><dt id='pIYaq'><q id='pIYaq'><span id='pIYaq'><b id='pIYaq'><form id='pIYaq'><ins id='pIYaq'></ins><ul id='pIYaq'></ul><sub id='pIYaq'></sub></form><legend id='pIYaq'></legend><bdo id='pIYaq'><pre id='pIYaq'><center id='pIYaq'></center></pre></bdo></b><th id='pIYaq'></th></span></q></dt></tr></i><div id='pIYaq'><tfoot id='pIYaq'></tfoot><dl id='pIYaq'><fieldset id='pIYaq'></fieldset></dl></div>
                    • <legend id='pIYaq'><style id='pIYaq'><dir id='pIYaq'><q id='pIYaq'></q></dir></style></legend>

                      <tfoot id='pIYaq'></tfoot>

                            <tbody id='pIYaq'></tbody>