2016-06-10 81 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(腳本標記),你想要的方式。