所以我只是在试验Weebly,我目前正在使用内置的gallery元素来显示一系列图像。当用户点击图库中的图片时,它会展开并显示下面的标题。 我试图不只是在标题框中显示文本,而是一个链接和一个小缩略图图像,它也将是一个链接。不幸的是,字幕只支持文字。
我知道如何创建自定义元素,但重写图库功能似乎有点过分,只是为了几个小调整。所以我只是想知道我是否可以访问现有gallery元素的Javascript / jquery,只是进行一些轻微的编辑,或者我是否可以访问元素,清单和javascript文件作为创建自定义元素的参考。
我知道我可以查看HTML / CSS,但由于我正在处理图像弹出的标题方面,公共HTML和CSS文件不会删除它。
编辑:我会提供代码片段,但我还没有能够访问代码,因此存在这个问题。
网站:http://www.davidmurphyphotography.com/featured-artists.html
感谢所有帮助,
感谢。
答案 0 :(得分:0)
在浏览器上访问您的网站(最好是chrome)。 右键单击gallery元素>>检查。
它应该打开包含所有HTML代码的侧边栏。
您可以在那里找到以下代码。
<div id="999708087629570980-gallery" class="imageGallery" style="line-height: 0px; padding: 0; margin: 0">
<div id="999708087629570980-imageContainer0" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer0" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/9798060_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "Snowgums", Artist: Rob Blakers, Medium: Photograph on canvas, 31" X 38" print $645, 48" X 38" print $1100
Rob Blakers, born in 1957, grew up in Canberra, close to the ACT Ranges and the south coast of NSW. He took up bush walking in high school and cross-country skiing during the course of a four-year zoology degree at the Australian National University. This degree culminated in a year long research project into bogong moths and other insect life in the Main Range region of the Kosciuszko National Park in NSW.
Upon completing university in 1980 he travelled to Tasmania for a three week cross country skiing holiday. When the snow failed to materialize, he began to work with the Wilderness Society in the campaign to prevent the damming of the Franklin River. This was an extraordinary time in the lives of many people, and a campaign which was ultimately successful in its aim of protecting much of Tasmania’s southwest wilderness as a World Heritage Area. Today, however, large tracts of wild country remain unprotected and logging, in particular, continues to ravage ancient forests across Tasmania.
Images from Rob’s collection have been used extensively for nature conservation, and in a wide variety of publications including books, posters, cards, calendars and diaries, and in magazines ranging from New Scientist to Outdoor Australia.
Many images on this site were taken using view cameras – a medium format Horseman and a large format Ebony. Nikkor and Schneider lenses ranging from 65mm to 300mm were used. Additional images were made using a Canon 5DMk II digital camera with a range of Canon lenses. Rob currently photographs using an Arca Swiss/Phase One medium format digital system with Rodenstock and Schneider lenses.
" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/9798060.jpg" class="galleryImage galleryImageBorder" _width="322" _height="250" style="position:absolute;border-width:1px;padding:6px;width:96.7%;top:0%;left:1.65%"></a></div></div></div></div><div id="999708087629570980-imageContainer1" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer1" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/8635906_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Artist: Jason Stephens, Title: "Hello Horseshoe", Limited Edition 2/30, 1200 X 450mm print, Framed Price AUD $1395" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/8635906.jpg" class="galleryImage galleryImageBorder" _width="400" _height="154" style="position:absolute;border-width:1px;padding:6px;width:100%;top:24.36%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer2" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer2" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/2970504_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "cow n calf", Artist: Rachel Schubert, Limited Edition 4/30, 30 X 20" print...AUD $ 365
<b>test <\b>" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/2970504.jpg" class="galleryImage galleryImageBorder" _width="400" _height="266" style="position:absolute;border-width:1px;padding:6px;width:100%;top:5.71%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer3" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer3" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/8963927_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "songbird feather", Artist: Rachel Schubert, Limited Edition 3/30, 30 X 20" print...AUD $ 355" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/8963927.jpg" class="galleryImage galleryImageBorder" _width="400" _height="601" style="position:absolute;border-width:1px;padding:6px;width:49.97%;top:0%;left:25.02%"></a></div></div></div></div><div id="999708087629570980-imageContainer4" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer4" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/8652112_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "Vale of Belvoir", Artist: Hillary Younger ...30 X 20 print...AUD $ 455" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/8652112.jpg" class="galleryImage galleryImageBorder" _width="400" _height="265" style="position:absolute;border-width:1px;padding:6px;width:100%;top:5.88%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer5" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer5" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/2921277_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "Cradle snow time!", Artist: Mark Walsh, 30 X 20 print...........AUD $ 465" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/2921277.jpg" class="galleryImage galleryImageBorder" _width="400" _height="266" style="position:absolute;border-width:1px;padding:6px;width:100%;top:5.71%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer6" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer6" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/6224412_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Artist: Rob Mullner, Title: "Meander Panorama", Framed Price AUD $1375
Print: $965" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/6224412.jpg" class="galleryImage galleryImageBorder" _width="400" _height="117" style="position:absolute;border-width:1px;padding:6px;width:100%;top:30.52%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer7" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer7" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/8533975_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "Cold Cradle 2", Artist: Mark Walsh ...24 X 16 print...AUD $350" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/8533975.jpg" class="galleryImage galleryImageBorder" _width="400" _height="266" style="position:absolute;border-width:1px;padding:6px;width:100%;top:5.71%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer8" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer8" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/7144717_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Artist: Dean Hohn, Title: "Sunset Beach", Photograph on rolled aluminium sheet, Price AUD $2750
" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/7144717.jpg" class="galleryImage galleryImageBorder" _width="400" _height="133" style="position:absolute;border-width:1px;padding:6px;width:100%;top:27.86%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer9" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer9" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/7563735_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "the mist", Artist: Garth Smith ...36 X 12 print...AUD $550" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/7563735.jpg" class="galleryImage galleryImageBorder" _width="400" _height="160" style="position:absolute;border-width:1px;padding:6px;width:100%;top:23.36%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer10" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer10" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/6339275_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "sand ripples", Artist: Garth Smith ...30 X 20 print...AUD $400" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/6339275.jpg" class="galleryImage galleryImageBorder" _width="400" _height="265" style="position:absolute;border-width:1px;padding:6px;width:100%;top:5.88%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer11" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer11" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/1403796_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "the passage of time", Artist: Garth Smith ...30 X 20 print...AUD $395" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/1403796.jpg" class="galleryImage galleryImageBorder" _width="400" _height="600" style="position:absolute;border-width:1px;padding:6px;width:50.05%;top:0%;left:24.97%"></a></div></div></div></div><div id="999708087629570980-imageContainer12" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer12" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/1396049_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "everlasting", Artist: Garth Smith ...30 X 24 print...AUD $425" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/1396049.jpg" class="galleryImage galleryImageBorder" _width="400" _height="500" style="position:absolute;border-width:1px;padding:6px;width:60.06%;top:0%;left:19.97%"></a></div></div></div></div><div id="999708087629570980-imageContainer13" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer13" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/3083567_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "Preminghana", Artist: Garth Smith ...30 X 20 print...AUD $395" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/3083567.jpg" class="galleryImage galleryImageBorder" _width="400" _height="265" style="position:absolute;border-width:1px;padding:6px;width:100%;top:5.88%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer14" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer14" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/8500474_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "6.46AM", Artist: Garth Smith ...30 X 20 print...AUD $425" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/8500474.jpg" class="galleryImage galleryImageBorder" _width="400" _height="602" style="position:absolute;border-width:1px;padding:6px;width:49.88%;top:0%;left:25.06%"></a></div></div></div></div><div id="999708087629570980-imageContainer15" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer15" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/1281083_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "serenity", Artist: Rob Mullner...29 X 20 print...AUD $495" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/1281083.jpg" class="galleryImage galleryImageBorder" _width="400" _height="229" style="position:absolute;border-width:1px;padding:6px;width:100%;top:11.87%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer16" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer16" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/7636977_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "ying and yang", Artist: Garth Smith ...30 X 20 print...AUD $495" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/7636977.jpg" class="galleryImage galleryImageBorder" _width="400" _height="266" style="position:absolute;border-width:1px;padding:6px;width:100%;top:5.71%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer17" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer17" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/9879220_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "lupinscape", Artist: Rob Mullner...36 X 20 print...AUD $495" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/9879220.jpg" class="galleryImage galleryImageBorder" _width="400" _height="193" style="position:absolute;border-width:1px;padding:6px;width:100%;top:17.87%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer18" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer18" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/9357429_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "pano Cradle", Artist: Rob Mullner...Contact me for details" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/9357429.jpg" class="galleryImage galleryImageBorder" _width="400" _height="149" style="position:absolute;border-width:1px;padding:6px;width:100%;top:25.19%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer19" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer19" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/177290_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "pano Mornington", Artist: Rob Mullner...Contact me for details" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/177290.jpg" class="galleryImage galleryImageBorder" _width="400" _height="121" style="position:absolute;border-width:1px;padding:6px;width:100%;top:29.85%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer20" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer20" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/1242903_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "pano Mornington 2", Artist: Rob Mullner...Contact me for details" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/1242903.jpg" class="galleryImage galleryImageBorder" _width="400" _height="119" style="position:absolute;border-width:1px;padding:6px;width:100%;top:30.19%;left:0%"></a></div></div></div></div><div id="999708087629570980-imageContainer21" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer21" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/5116176_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "Abstract", Artist: Paul Hoelen ...22 X 21.5 print...AUD $695" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/5116176.jpg" class="galleryImage galleryImageBorder" _width="400" _height="393" style="position:absolute;border-width:1px;padding:6px;width:76.41%;top:0%;left:11.79%"></a></div></div></div></div><div id="999708087629570980-imageContainer22" style="float:left;width:33.28%;margin:0;"><div id="999708087629570980-insideImageContainer22" style="position:relative;margin:20px;padding:0 14px 14px 0"><div class="galleryImageHolder galleryCaptionHover" style="position:relative; width:100%; padding:0 0 75.08%;"><div class="galleryInnerImageHolder"><a href="/uploads/4/1/3/8/4138761/46395_orig.jpg" rel="lightbox[gallery999708087629570980]" onclick="if (!window.lightboxLoaded) return false" title="Title: "Abstract 2", Artist: Paul Hoelen ...30 X 20 print...AUD $595" class="w-fancybox"><img src="/uploads/4/1/3/8/4138761/46395.jpg" class="galleryImage galleryImageBorder" _width="400" _height="266" style="position:absolute;border-width:1px;padding:6px;width:100%;top:5.71%;left:0%"></a></div></div></div></div><span style="display: block; clear: both; height: 0px; overflow: hidden;"></span>
</div>
&#13;
来自您提供的网站链接。
使用EMBED CODE将此代码粘贴到您的网站中。你应该找到一个重复的图库。
然后点击代码段和&#34;编辑HTML代码&#34;
这样您就可以编辑公共HTML,CSS(样式标签)&amp; Javascript(脚本标签)就像你想要的那样。