Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Le Var Range
.a{fill-rule:evenodd;}techdegree
Le Var Range
Front End Web Development Techdegree Student 18,011 Points

hello I need help in creating a click event for my photo gallery . I am using jQuery .

https://github.com/varlerang/interactive_photoGall.git

here is my github of the project I am working on.

4 Answers

Damien Watson
Damien Watson
27,419 Points
Damien Watson
Damien Watson
27,419 Points

In jQuery you can use the below, I'm guessing you need more than this cause you can get this from your first Google search. Your question is vague... what kind of help do you need?

$('.photo').click(function() {
});
// or
$('.photo').on('click', function() {
});
Le Var Range
seal-mask
.a{fill-rule:evenodd;}techdegree
Le Var Range
Front End Web Development Techdegree Student 18,011 Points
Le Var Range
.a{fill-rule:evenodd;}techdegree
Le Var Range
Front End Web Development Techdegree Student 18,011 Points

I need to get the arrow click to work for revealing the next image in the image gallery .. i have a left and right arrow appended to the overlay that shows the image .... when this happens i want the user to be able to fumble thru the images with the arrows referencing the next and previous image the user has looked at.

jason chan
jason chan
31,009 Points
jason chan
jason chan
31,009 Points

use this jquery plugin

http://kenwheeler.github.io/slick/

I think treehouse has tutorial about this.

Le Var Range
seal-mask
.a{fill-rule:evenodd;}techdegree
Le Var Range
Front End Web Development Techdegree Student 18,011 Points
Le Var Range
.a{fill-rule:evenodd;}techdegree
Le Var Range
Front End Web Development Techdegree Student 18,011 Points

I can not use a plug in ....... I am building a photo gallery which is a project from the tech degree so plugins are not allowed. .. I hope somebody on here can help me ...... I wait so long to get some feed back ... and its such a disappointment when still I don't have an answer for my problem ...