2016-06-10 62 views
0

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

我知道如何创建一个自定义元素,但似乎有点矫枉过正,只是为了一些小小的调整而重写了画廊功能。所以我只是想知道我是否可以访问现有的图库元素的Javascript/jquery,只是稍作修改,或者我是否可以访问元素,清单和JavaScript文件作为创建自定义元素的参考。

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

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

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

所有帮助表示赞赏,

感谢。

+0

请在您的问题中提供您的网站和代码段的链接 – Pushpendra

回答

0

转到浏览器上的网站(最好是铬)。 右键单击图库元素>>检查。

它应该打开一个包含所有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(脚本标记),你想要的方式。