Best practices on setting values on 10 images
hi guys,
I have a main image and 10 thumbnails with hover over effects that are set dynamically.
I have only pasted top 5, I also have a 3rd option for hover on effects and wondering if I am on the right path
Is the script below ok ? If not, whats best practice ?
thanks
Ehi
- $('#Image1').click(function () {
- $("#canvas").addClass('sepia');
- });
- $('#Image2').click(function () {
- $("#canvas").addClass('saturate');
- });
- $('#Image3').click(function () {
- $("#canvas").addClass('invert');
- });
- $('#Image4').click(function () {
- $("#canvas").addClass('shadow');
- });
- $('#Image5').click(function () {
- $("#canvas").addClass('blur');
- });
- //I also have the same for setting the image url
- $('#Image1').attr("src", message);
- $('#Image2').attr("src", message);
- $('#Image3').attr("src", message);
- $('#Image4').attr("src", message);
- $('#Image5').attr("src", message);