[bluewhisky23]

Hello, I have updated READ WP to version 4.1, the latest one. I subsequently tried to add a slider to my static homepage. I have used the following code:

[inline_slider autoplay="" interval="" animation="" direction="" animationspeed="" pauseonhover=""]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2012/12/mixtapetags3.jpg" url="http://janicepariat.com/all-that-they-can-leave-behind/"]All that they can leave behind[/slide]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2014/03/gender.jpg" url="http://www.thehindubusinessline.com/features/blink/male-or-female/article5757146.ece"]Male or Female[/slide]
[slide alt="http://janicepariat.com/wp-content/uploads/2012/12/love-poster6_done.jpg" src="" url="http://janicepariat.com/we-need-new-names/"]We Need New Names[/slide]
[/inline_slider]

In my Custom CSS, I also have the following code, since all my slider images are 500px by 458px:

/*Inline slider width*/
.flexslider {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}

The result, however, is that, while the url link works, no image shows. Moreover, the slider does not seem to move from one slide to the next as I click on the arrows. I am now sure how to proceed, and I need help to troubleshoot this problem. You won’t see the slider on the homepage, as it’s not working, so I’ve created a separate page where you can view it. Here it is: http://janicepariat.com/slider/

Best

[bluewhisky23]

Hi, I just realised I had put one of the links in ALT, rather than SRC. Here is the amended code:

[inline_slider autoplay="" interval="" animation="" direction="" animationspeed="" pauseonhover=""]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2012/12/mixtapetags3.jpg" url="http://janicepariat.com/all-that-they-can-leave-behind/"]All that they can leave behind[/slide]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2014/03/gender.jpg" url="http://www.thehindubusinessline.com/features/blink/male-or-female/article5757146.ece"]Male or Female[/slide]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2012/12/love-poster6_done.jpg" url="http://janicepariat.com/we-need-new-names/"]We Need New Names[/slide]
[/inline_slider]

I’m still having problems with it, though. The arrows are not allowing me to navigate between one slide and the next. When I did try autoplay=”true” the images were not moving. It seems as though the slider is only showing one image?

[Mehmet S.]

Hi, try this:

[inline_slider]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2012/12/mixtapetags3.jpg" url="http://janicepariat.com/all-that-they-can-leave-behind/"]All that they can leave behind[/slide]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2014/03/gender.jpg" url="http://www.thehindubusinessline.com/features/blink/male-or-female/article5757146.ece"]Male or Female[/slide]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2012/12/love-poster6_done.jpg" url="http://janicepariat.com/we-need-new-names/"]We Need New Names[/slide]
[/inline_slider]

Tested, worked.

[bluewhisky23]

Hello, thanks for this. I tried it but it does not show any images & also does not move between slides. The arrows also don’t work & when I hover over them, they show this link: janicepariat.com/slider/#

[Mehmet S.]

It is working on my side.

See: http://test-o-matic.net

Used:

[inline_slider]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2012/12/mixtapetags3.jpg" url="http://janicepariat.com/all-that-they-can-leave-behind/"]All that they can leave behind[/slide]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2014/03/gender.jpg" url="http://www.thehindubusinessline.com/features/blink/male-or-female/article5757146.ece"]Male or Female[/slide]
[slide alt="" src="http://janicepariat.com/wp-content/uploads/2012/12/love-poster6_done.jpg" url="http://janicepariat.com/we-need-new-names/"]We Need New Names[/slide]
[/inline_slider]

[bluewhisky23]

Hi,

the [inline_slider] shortcode still does not work. On the other hand, using flexslider HTML does the trick for me. Somehow I am unable to post the code I used on here without it getting messy, although it’s the one I found on the official Flexslider page.
You can now see the slider working on http://janicepariat.com/slider/. However, I don’t know how to add captions this way. Any chance you could help?

Cheers,

[bluewhisky23]

I just realised that I was using the shortcode with all the options kept blank. By adding only the ones I needed (such as autoplay=”true”) it’s now working on my website as well.

Is there a CSS code to add a coloured border around the images?

Thanks for your patience.

[ahmetsali]

@bluewhisky23

try this custom css code;

.flexslider {
    border: 2px solid #096;
}