How to edit my img style. Options

[ryman3500]

A friend designed a site with an accordion grid for me a while back that crops my images. I have lost touch with him so am trying to solve the problem myself.

I think I solved the problem by organizing the pictures so all the rows have the same orientation however. I noticed a difference in the code some images, which might why the bottom row is cropping

I want to input the cursor: zoom-in; into the code below that is missing it, but I can not find the code anywhere on my server. I only can find <img src="img/photo/aviation/18.jpg"/>
The code I viewed through inspect element is
<img style="-webkit-user-select: none;" src="http://ryanstuchly.com/img/photo/aviation/18.jpg" width="719" height="478">

I want it to read <img style="-webkit-user-select: none;" cursor: zoom-in; src="http://ryanstuchly.com/img/photo/aviation/18.jpg" width="719" height="478">

Does anyone know how I can find and change the code for this image

I got this coding info from the inspect element

Also this is the part of the site I am working on. [url=http://ryanstuchly.com/aviation.html

http://ryanstuchly.com/aviation.html]http://ryanstuchly.com/aviation.html[/url]

[pandy]

I don't understand. What's the problem with the bottom row? It behaves as the other rows for me.

[Frederiek]

I see nothing wrong there either.

But, I do see 8 errors in the Console of my browser (via Web Inspector in Safari/Mac). And three references to the jQuery lib (twice the same version, one missing).

Besides, the UL .accordion is changed by script and turns the LIs into DIVs.

And cursor is a CSS property and thus belongs in the styles (inline or linked).
See also http://www.sitepoint.com/css3-cursor-styles/ and http://css-tricks.com/almanac/properties/c/cursor/ .

I suggest you pass the page through a validator. Since your page is HTML5, use the one at W3C: http://validator.w3.org .
While you're at it, pass the CSS too: http://jigsaw.w3.org/css-validator/ .

[ryman3500]

Thanks for the input Frederiek,
Frederiek and Pandy, The main problem is with how the image is interacting with the accordion grid. the top row going across expands to the full dimension of images.
The bottom row going across, however, expands to a square cropping a good amount of those images. I am not mentioning the middle row because I experimented with both the top and bottom rows by making the images the same orientation to see if it would affect the grid because before they were mixed and a web designer I met, said that could be the reason for the cropping. That seems to be false because of the cropping in the bottom row which are all the same orientation as dimensions. The only difference I noticed between the rows, is the code through the element inspector which is the exemption of cursor: zoom-in;

The row of images on the site that functions correctly (top) have the cursor: zoom-in; and the row (bottom) that doesn't have that code, crops the images in that row. So I think if I can input the cursor: zoom-in; into the code for the images that are being cropped, perhaps the cropping will disappear. The problem is finding the location that I need to add the code to.

I see nothing wrong there either.

But, I do see 8 errors in the Console of my browser (via Web Inspector in Safari/Mac). And three references to the jQuery lib (twice the same version, one missing).

Besides, the UL .accordion is changed by script and turns the LIs into DIVs.

And cursor is a CSS property and thus belongs in the styles (inline or linked).
See also http://www.sitepoint.com/css3-cursor-styles/ and http://css-tricks.com/almanac/properties/c/cursor/ .

I suggest you pass the page through a validator. Since your page is HTML5, use the one at W3C: http://validator.w3.org .
While you're at it, pass the CSS too: http://jigsaw.w3.org/css-validator/ .

[Frederiek]

It doesn't make sense that adding a CSS property would solve any cropping.
Maybe the different sizes of the images have something to do with it. Some are as high as others are wide.

I'm not that into jQuery and its plugins to be able to help you any further. Maybe you should have another look at the documentation and/or demo of the gridAccordion from bqworks at CodeCanyon, where you probably bought this plugin from. Or ask the developer directly; he does offer support.

And you should really fix those errors.

[ryman3500]

Okay thanks, I don't know much about this stuff so, I guess I was just hoping I had found an easy fix. Thanks for the input. My developer flaked out so I'll have fond another pr see if a friend might be able to do something. Maybe I'll try the codecanyon forum as well.

It doesn't make sense that adding a CSS property would solve any cropping.
Maybe the different sizes of the images have something to do with it. Some are as high as others are wide.

I'm not that into jQuery and its plugins to be able to help you any further. Maybe you should have another look at the documentation and/or demo of the gridAccordion from bqworks at CodeCanyon, where you probably bought this plugin from. Or ask the developer directly; he does offer support.

And you should really fix those errors.