Problem with positioning

StatusIDPriorityType
Closed22713HighAll-Around jQuery
Profile Reply
birkoidram Client

Hi,
I’m looking for help with positioning the slider.
https://www.dropbox.com/s/md4o5nuutalk7e5/Screenshot%202015-10-23%2012.51.41.png?dl=0
As you may notice, the left circle is cut from the left corner and the right has a visible edge showing. I tried different settings with offsets and everything but I can’t seem to get it right.
Current settings -

$(‘#slider1′).content_slider({  // bind plugin to div id=”slider1″
      map : image_array,    // pointer to the image map
      max_shown_items: 5,   // number of visible circles
      hv_switch: 0,     // 0 = horizontal slider, 1 = vertical
      active_item: 1,     // layer that will be shown at start, 0=first, 1=second…
      wrapper_text_max_height: 600, // height of widget, displayed in pixels
      middle_click: 1,    // when main circle is clicked:
      small_border: 0,
      big_border: 1,
      border_color: ‘#ffffff’,
      hide_arrows: 1,
      hide_prettyPhoto: 1,
      automatic_height_resize: 1,
      enable_mousewheel: 0,
      small_pic_width: 130,
      small_pic_height: 130,
      child_div_width: 150,
      child_div_height: 150,
      big_pic_width: 230,
      big_pic_height: 230,
      allow_shadow: 0,
      responsive_by_available_space: 0,
              // 1 = slider will go to the previous circle, 2 = to the next,
              // 3 = open ‘main_link’, 0 = nowhere (no response)
      border_radius: -1   // -1 = circle, 0 and other = radius
https://dev.zezz.ee/teazy
Thanks and regards,
Birk

Replies

User Description Posted On
Shindiri Support team Administrator

Hi,

You can just change the max-width of the plugin by 1px.

<div style="max-width: 908px;" class="main_content_slider_wrapper">

Originally if you got a value from it by appending find it in js code and apply a -1px to it

Best regards,
Shindiri Studio | http://www.shindiristudio.com/

birkoidram Client

Hi,
Thank you for the reply. Unfortunayely, this solution doesn't suffice. 
https://www.dropbox.com/s/3cfwfv4x1kvk58q/Screenshot%202015-10-27%2015.34.37.png?dl=0
As you may notice, the left slide is still off the view and hidden.
Would you be able to recommend an alternative solution to slightly move the images to the right?
Thanks



Shindiri Support team Administrator

Hi,

This position is being handled from JS, there has to be a function which calculates how much space is visible to the user as for the visible pictures from both sides of the BIG pic.
Best regards,
Shindiri Studio | http://www.shindiristudio.com/

birkoidram Client

Okay thanks.  I was able to sort it out with adding some margin to the left and turning the overflow to visible for one class. Not the cleanest solution but did the trick.
Thanks,
Birk



× This ticket is closed.