Solved

problem with jquery camera slider

Posted on 2015-02-10
3
120 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

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 …
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
Suggested Courses

624 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