Solved

problem with jquery camera slider

Posted on 2015-02-10
3
106 Views
Last Modified: 2015-02-10
I am having a problem with my jquery camera slider on this site:
http://iconplumbing.com/plumbing/

for some reason, i uploaded all my images into the system as 1170x600.
in the settings, i put my height should be a set 600px.
 when the slider loads, it cuts off the top and bottom.
I tried all the different settings and I can't get it to just load the whole image as is.

What should I be adjusting?
0
Comment
Question by:rivkamak
  • 2
3 Comments
 
LVL 38

Expert Comment

by:Tom Beck
ID: 40601418
I'm not seeing the top and bottom cut off but I am seeing the left and right cut off. I checked Chrome and Firefox.

Your uploaded images are only 425px high, not 600px, so the slider is stretching the image and cutting off the left and right to give you the height you want without distorting.
0
 

Author Comment

by:rivkamak
ID: 40601515
In my media library, it says this:
File name: slider-1.jpg
File type: image/jpeg
Uploaded on: February 9, 2015
File size: 66 kB
Dimensions: 1170 × 600

Open in new window


where is it changing it to 425?
0
 
LVL 38

Accepted Solution

by:
Tom Beck earned 500 total points
ID: 40601528
Don't know. I downloaded this image which is listed as a source for one of the slider images:

http://iconplumbing.com/plumbing/wp-content/uploads/2015/02/slider-6-1170x425.jpg

And it is 1170 x 425.
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

679 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question