Solved

problem with jquery camera slider

Posted on 2015-02-10
3
92 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

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

707 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

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now