Change cursor to pointer in spry photo gallery

10-11  Source: Network gathering  Views:1 

Advertisement
Can anyone help me, I have created a website using Adobe's Spry Photo album and I need the cursor to change to a pointer to give the user an indication that there will be an action occuring when the thumbnail in the gallery is clicked.
Dave Powers suggested that I use a "hover pseudo-class" and gave me this code and suggested I put it into my Style sheet.
.thumbs:hover {
   cursor: pointer;
I tried this but it did not work.
The website is: www.artizancreations.co.uk
Have I put this code in the wrong place, if so where should it go?
Regards
P
poloswartzenegger wrote:
Hi Nadia, thanks for the input, I tried your suggestion and the cursor remained the same. I am trying the suggestions before uploading to my server, that is why you will not find David's code anywhere.
Ah, that confirms why I couldn't see it  :-)
copied and pasted directly into the css stylesheet initially, but that did not work. Do I have to create a new rule in the style sheet and if so would it be a class? and once that rule has been made how do I add the code?
Well, into the stylesheet would be better because if you have the a similar gallery on another page, the other pages will read it too, if they are linked to the stylesheet.
Yes, it is a class.
Perhaps .thumbs should read .thumbnails as I do not think thumbs is anywhere in my code?
If there is a .thumbnails class in your current stylesheet and it refers to the styling of the thumbnails, then yes, replace thumbs with thumbnails and see if that works.
On a very quick look, I couldn't see a class for the thumbnails, all I could see what a class for the .thumbsContainer.
I'm only going by the code that David supplied you to make sure you place it in the correct place for testing purposes.  I have not used this gallery before and am not sure of all the styles associated with it.
Related articles
  • Change cursor to pointer in spry photo gallery 10-11

    Can anyone help me, I have created a website using Adobe's Spry Photo album and I need the cursor to change to a pointer to give the user an indication that there will be an action occuring when the thumbnail in the gallery is clicked. Dave Powers su

  • Spry Photo Gallery Image Size via CSS 10-11

    Hello! I´ve been customizing the spry photo gallery for a couple of time, but got my little problem when viewing it on a mobile phone. When you load up the pictures with a size of 450 x 300 px for example, put up the right xml file with it´s width an

  • Spry Photo gallery 10-11

    Can anyone point me to a free download of all the files for the fancy Spry Photo Gallery demo that is on adobe's website. The basic tutorial is good but I am stuggling to add the fancy fade/appear and hover elements and also the ability to load multi

  • Spry Photo Gallery "Controls" 10-11

    Spry Photo Gallery "Controls" Hi Don Booth, David Powers, Kinblas et al, Thank you all for your commitment, and  I hope Spry isnt dead?!  I am years behind  but I antē d up for the CS4 Master Collection at the beginning of the year and have been

  • Tutorial for a Spry photo gallery with thumbs and buttons ??? 10-11

    Anyone know of a a tutorial for building a Spry photo gallery with both thumbnails and next, previous, stop and play buttons(functions)  ??? Like the ones on Adobe's Photo Gallery demos; http://labs.adobe.com/technologies/spry/demos/pe_gallery.html A

  • Spry Photo Gallery not viewing 10-11

    am new to web design and followed this tutorial to make a Spry Photo Gallery: http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html I am using Dreamweaver CS3 and when I preview my files, everything is perfect and in place. When I up

  • Dynamic Spry Photo Gallery Thumbnails 10-11

    I'm implementing the XML version of the Spry Photo Gallery. I need to edit the size of of the thumbnails and make them larger, roughly 100x130 or maybe a little smaller. Since I have so many photos, I was planning to use CSS to handle the overflow wi

  • Spry Photo Gallery - How to add links to images 10-11

    I was wondering if any one knew how I could add individual links to images on the spry Photo Gallery-An XML-based photo gallery. I need each image to have its own individual link when clicked on. Any assistance would be most helpful.Hi, In the dashbo

  • Troubleshoot Main Image for spry photo gallery 10-11

    Hello, I am modifying some spry files to see if I can get the hang of it using my images. I have taken the photo gallery files gallery.js SpryData.js SpryEffects.js xpath.js The folder structure contains images and thumbnails on the root folder as we

  • Problems with using Spry photo gallery and Opera browser 10-11

    Using Dreamweaver CS3. I'm working on a website for a friend. It looks great in: -IE 6 and 7 -Firefox -Safari But in Opera, the photo gallery I put in (uses spry to change images as the user rolls over the thumbnail) pops up a login box in Opera. It

  • Making a beautiful spry photo gallery 10-11

    I'm trying to make a photo album like the one on adobe's spry sample photo album page here, http://labs.adobe.com/technologies/spry/demos/gallery/index.html But I haven't been able to find any tutorials to do such a thing, so I've resorted to cutting

  • Spry Photo Gallery Navigation 10-11

    Hi, I'm building a simple photo gallery and I'm having issues trying to navigate image to image while using Paged View. My first attempt without paged view I could navigate image to image and once you reached the first or last image on a page, the ne

  • Spry Photo Gallery Broken Image Link 10-11

    I have attempted to merge the spry photo tutorial with our church's website. The images simply won't show up. It shows a broken image icon, but I can't understand why. I am wondering if the menu bar's javascript is interfering. Here's the code: Photo

  • Spry Photo Gallery Widget with filmstrip 10-11

    The main image in the photo gallery doesn't appear but the thumbnails do. http://www.woodsphotography.org/AbstractSlideshow1.html I'm using Dreamweaver CS5 and everything works fine when previewed in firefox or safari but once uploaded to the server

  • Spry Photo Gallery not visible other than in Safari 10-11

    Hi, I created a photo gallery using Spry using the step-by-step instructions found at http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html. The problem is that my gallery only can be viewed in Safari - Firefox, Netscape and Explorer

  • SPRY photo gallery and photo captions 10-11

    Has anyone experimented with adding captions to the photos? Was looking at different gallery examples, and saw that lightbox does captions, but the transitions, and AJAX approach with spry are much nicer... Thanks!Thank you for your tip. I have tried

  • Help with Spry Photo Gallery 10-11

    I am putting together a photo gallery using the tutorial found here. I have completed the basic tutorial and it is working well. I need help though in implementing some advanced features not covered in the tutorial but shown in the proof of concept h

  • Spry Photo Gallery Demo 10-11

    I am trying to build my own gallery based on the demo  Photo Gallery Version 2. I want to add the photo metadata below the main image but I'm not sure how to do it. I am new to XML and javascript (I first looked at it 3 days ago), I can add the data

  • Spry photo gallery question: 10-11

    Hi, thanks to mr. Booth's tutorial I was able to implement a nice Spry gallery into our website. Now I want to change one simple thing: the pictures that make up the galleries are to be moved to our ftp server (as opposed to our webserver). The logic

  • Spry Photo Gallery Html Data Set InLine Content 10-11

    To whom that may know. I, the confused have wasted several long hours trying to understand how adobe did this. http://labs.adobe.com/technologies/spry/demos/gallery_pe/static_hd/china.html Ok, before that you think I am a total idiot. Please look at