Solved

jCarousel looks right while previewing in Views, but looks wrong when viewing on the actual site.

Posted on 2012-04-03
6
492 Views
Last Modified: 2012-05-09
Hey all,

I've attached 3 images. One of the Views-Setting for JCarousel, the other for the JCarousel-settings, and lastly one of how it looks on the actual site.

I would like to have two things:
-First, to get it to look and work the same as while previewing in Views.
-Second, to resize it to fit images that are 500px 250px in size.

Thanks for any help!
carousel-settings.jpg
carousel-views-setting.jpg
frontpage-carousel.jpg
0
Comment
Question by:Modifier1000
  • 2
  • 2
6 Comments
 
LVL 16

Expert Comment

by:HagayMandel
ID: 37841700
In the view settings change the following:
In fields, change the selected field (image) display options to be the predefined size.
In the pager settings, set it to display only one item.

Good luck.
0
 

Author Comment

by:Modifier1000
ID: 37843028
I do not see a place to set the predefined size in the field (image).  I've attached a screenshot of the how the jCarousel looks on the frontpage coupled with the related settings in views.
jCarousel issue and settings
0
 
LVL 16

Accepted Solution

by:
HagayMandel earned 500 total points
ID: 37845624
In the "Configure field content image" (the right upper pane in your attachment), under "Image style" you can select a predefined size!
0
 

Author Closing Comment

by:Modifier1000
ID: 37949314
Thank you.
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
change password links 7 86
In Angular, how can I programatically fire a function 8 67
SharePoint 2013 List with Ratings 6 68
Angular.js example vocabulary extensions 5 50
In this blog, I will share you some basic tips for content marketing and to rank your website on Google.
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
The purpose of this video is to demonstrate how to set up the WordPress backend so that each page automatically generates a Mailchimp signup form in the sidebar. This will be demonstrated using a Windows 8 PC. Tools Used are Photoshop, Awesome…
The viewer will learn how to dynamically set the form action using jQuery.

770 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