Little JavaScript Gallery - enlarge images on the site on first click, open in Fancybox on second


I am looking for a little JavaScript that does the following:

I have some pictures on a page, of which one is displayed large and the rest as thumbnails below the large one.

A click on the large image should open it in Fancybox.

On a click of one oft the thumbnails this should not directly open in fancybox but become the large image and then, if user clicks on the large image, it should then open in Fancybox.

Please see the image attached for details.

This should work only for all images I post inside a certain div.

All other images/elements on the site should not be affected and if I have assigned fancybox on another image on the site, this should open there as usual.

I only need the JS Code.

It should work with a html code like this (necessary classes, rel="fancybox", functions like enlarge() etc. can of course be added):

Please no other lightboxes than fancybox since its good to use with other content as well, like pdfs etc. and I may need this on other parts of my site.

Keahlian: CSS, HTML, Javascript

Lihat lebih lanjut: pictures on, Little, html image click css, css enlarge, gallery fancybox, css rest code, image enlarge, html css gallery, fancybox gallery, little code, open site inside, rest javascript, fancybox open, click open div, click image details, click open site, div content image, javascript lightboxes, click pictures, open html fancybox

Tentang Pemberi kerja:
( 17 ulasan ) Mainz, Germany

ID Proyek: #4882526

Diberikan kepada:


HI, pllease check your pmb

$103 USD dalam 0 hari
(13 Ulasan)

11 freelancer menawar dengan rata-rata $148 untuk pekerjaan ini


hello sir, i am ready to help.

$111 USD dalam 3 hari
(117 Ulasan)

Xpert here Ready to start

$105 USD dalam 1 hari
(9 Ulasan)

Let's start! I understand what you need and you will have a 100% complete job on time. Please have a look on our profile and [login to view URL]

$100 USD dalam 1 hari
(4 Ulasan)

Hi, sir. I can do this in today. Please contact me, thanks

$160 USD dalam 1 hari
(5 Ulasan)

My self Kartik Shah I have over 6 years experience to work in the web technologies and software field. I have experience to Work on: Technologies: php, mysql, sql-server, LAMP, ajax, JQuery, json, javascript, xml, Lebih banyak

$95 USD dalam 1 hari
(5 Ulasan)

I am interested , Please check PM for more details

$154 USD dalam 5 hari
(1 Ulasan)

i can do it quickly

$35 USD dalam 1 hari
(3 Ulasan)

sure we can work with this JS script let me know more details about it

$277 USD dalam 3 hari
(0 Ulasan)

hello my dear sir, i am ready for doing your work, please check your PMB

$172 USD dalam 3 hari
(0 Ulasan)

Hi dude,if you chat with me 2 minutes I can provide a solid solution for your [login to view URL] for your replay

$255 USD dalam 10 hari
(0 Ulasan)

Hi Sir, I have a lot of experience doing such image galleries. Choose me and the work will be done right now with maximum of seriousness.

$155 USD dalam 1 hari
(0 Ulasan)

I work more [login to view URL] are the expert in web development. We do responsive, creative web design. This is far better than others. We have 8+ years of experienced web developers in Javascript, HTML5, PHP, .NET, SQL, Data En Lebih banyak

$83 USD dalam 3 hari
(0 Ulasan)