Hi,
this seems to be a great module !
However, I can't afford to set the main frame position on the right.

I've 3 fields on a view (a small image, a title and a big image) and I want to have a vertical carousel on the left of a panel with small image + title as breakout fields and show the big image (main frame) on the right.
Think to something like the following:

+---+             +----------+
|img| title 1     |          |
+---+             |   big    |
+---+             |  image   |
|img| title 2     |    of    |
+---+             | selected |
+---+             |   row    |
|img| title 3     |          |
+---+             +----------+

^^^^^^^^^^^^^^^   ^^^^^^^^^^^^
BREAKOUT FIELDS    MAIN FRAME

Actually I've set Advanced JCarousel Options to "vertical:true", and there are two problems:
1) the main frame is above the carousel and I don't understand how to position it to the right
2) the breakout fields are listed one upon the other, whilst I need to have them inline

This is what I have:

              < M
+----------+  < A
|          |  < I
|   big    |  < N
|  image   |  <
|    of    |  < F
| selected |  < R
|   row    |  < A
|          |  < M
+----------+  < E
              <

              < B
+---+         < R
|img|         < E
+---+         < A
title 1       < C
+---+         < K
|img|         < O
+---+         < U
title 2       < T
+---+         <
|img|         < F
+---+         < L
title 3       < D
              < S

Comments

holeepassion’s picture

holeepassion commented

I cannot even get the jcarousel to work ?? what is happening ? not working at all ??? it should be so easy right ? but not displaying the jcarousel like what you have shown ??

Any ideas why ?

Thanks

paddy_mul’s picture

paddy_mul commented

Anyone get this to work?

I'm also having problems. The jcarousel slideshow is working fine but I can't position the main frame to the right of the thumbnails. At the moment there are positioned in a row one after the other.

thumbnails --
main frame --

I would like:

thumbnails -- mainframe

Something similar to http://lisabettany.com/ would be nice

mandreato’s picture

mandreato commented

I gave up on this module...

grasmash’s picture

grasmash commented

This can be achieved primarily via CSS.

  1. add "vertical:true" to your advanced setting.
  2. copy /sites/all/modules/views_slideshow_jcarouselthumbs/jcarousel/skins/tango to /sites/all/themes/your_theme/tango
  3. set the skin path to /sites/all/themes/your_theme/tango
  4. edit /sites/all/themes/your_theme/tango/skin.css

It will basically just take some modification of width, height, and positioning. You should also pay attention to the following settings:

  • Controls
  • Display breakout fields last

These will affect the output of html, and therefore affect your CSS.

I personally checked "Display breakout fields last." Then, I added some custom css to my theme's css file to modify the positioning of slideshow elements:

.views-slideshow-controls-bottom {
  width: 115px;
  padding: 0 35px 0 35px;
  border-right: 1px solid #e1e1e1;
}

.views_slideshow_main {
  float: right;
}

Pretty simple.

fearlsgroove’s picture

fearlsgroove commented
Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.