0

所以我只是在试验 Weebly,我目前正在使用内置的画廊元素来显示一系列图像。当用户单击图库中的图像时,它会展开并显示下面的标题。我试图不仅在标题框中显示文本,还尝试在链接和小缩略图中显示,这也将是一个链接。不幸的是,字幕仅支持文本。

我知道如何创建自定义元素,但是仅仅为了几个小调整就重写图库功能似乎有点过头了。所以我只是想知道我是否可以访问现有画廊元素的 Javascript/jquery 并进行一些轻微的编辑,或者我是否可以访问元素、清单和 javascript 文件作为创建自定义元素的参考。

我知道我可以查看 HTML/CSS,但由于我正在处理弹出图像的标题方面,因此公共 HTML 和 CSS 文件不会剪切它。

编辑:我会提供代码片段,但我还不能访问代码,因此存在这个问题。

网站:http ://www.davidmurphyphotography.com/featured-artists.html

感谢所有帮助,

谢谢。

4

1 回答 1

0

在浏览器(最好是 chrome)上访问您的网站。右键单击图库元素>>检查。

它应该会打开一个包含所有 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: &quot;Snowgums&quot;, Artist: Rob Blakers, Medium: Photograph on canvas, 31&quot; X 38&quot; print $645, 48&quot; X 38&quot; 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: &quot;Hello Horseshoe&quot;, 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: &quot;cow n calf&quot;, Artist: Rachel Schubert, Limited Edition 4/30, 30 X 20&quot; 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: &quot;songbird feather&quot;, Artist: Rachel Schubert, Limited Edition 3/30, 30 X 20&quot; 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: &quot;Vale of Belvoir&quot;, 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: &quot;Cradle snow time!&quot;, 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: &quot;Meander Panorama&quot;, 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: &quot;Cold Cradle 2&quot;, 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: &quot;Sunset Beach&quot;, 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: &quot;the mist&quot;, 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: &quot;sand ripples&quot;, 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: &quot;the passage of time&quot;, 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: &quot;everlasting&quot;, 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: &quot;Preminghana&quot;, 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: &quot;6.46AM&quot;, 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: &quot;serenity&quot;, 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: &quot;ying and yang&quot;, 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: &quot;lupinscape&quot;, 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: &quot;pano Cradle&quot;, 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: &quot;pano Mornington&quot;, 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: &quot;pano Mornington 2&quot;, 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: &quot;Abstract&quot;, 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: &quot;Abstract 2&quot;, 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>

这来自您提供的网站链接。

使用 EMBED CODE 将此代码粘贴到您的网站中。您应该会发现出现了一个重复的画廊。

然后点击代码片段和“编辑 HTML 代码”

通过这种方式,您可以按照自己的方式编辑公共 HTML、CSS(样式标签)和 Javascript(脚本标签)。

于 2017-03-23T19:56:45.040 回答