CodeCanyon

Boutique carousel

  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
sumacproduction says
Purchased

Hello Frique

Lovely plugin, really smooth.

But I have one problem, the next and previous buttons just reload the page and do not navigate to the next image.

I have copied your mark up exactly and included all the relevant files. but really am quite stuck at the moment.

Here is a link to the page, I would very much appreciate your help with this.

http://essar.sumacdevelopment.co.uk/the-board.aspx

Thanks

James

5 months ago
Author
Frique Frique replied

Hi James,

It is because the button is in a form (#form1), and by default a button inside a form acts as a submit button. The easiest solution is to put return false in the onclick event like so:

<button onclick="example2_ext_next(); return false">...</button>
5 months ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
sumacproduction says
Purchased

Frique, thanks so much for your last reply, completely saved me ages getting that right.

I have one more question which I do not expect you to give me the solution to, but I need to output the current text within the carousel images into a div below the carousel.

My question is have you managed to do this? I started to look into setting an IF statement around the class of frame3 so when an LI has that class, it will output the contained text into the new divs properties.

(I had added a paragraph tag within the carousel LI markup)

function showDescription() {
    if ($('ul#example2 li').hasClass('frame3')) {
};
currentLi = $(this);
};
title = $(currentLi).find('img').attr('alt');
position = $(currentLi).find('span');
paragraphs = $(currentLi).find('p');
$(title).appendTo('#member-details');
$(paragraphs).appendTo('#member-details');

If you can give me any input to how this can be done/why this isnt working I would be very grateful.

James

5 months ago
Author
Frique Frique replied

The best way would be to use the “move” callback function (see example page 2). You can put this under the document-ready scope.

function move_callback(anchor){
    // This function is called each time a frame is moved forward
    // the anchor argument is the href="" part of the newly active / front frame
    // if the anchor is #yourcontent, you can show the div with ID #yourcontent like this:
    $(anchor).show();
}

Good luck.

5 months ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
honishi says
Purchased

Hello Frique,

You’ve done a great job with this plugin.. I like it very much, however I have an issue which I can’t solve without your help..

The plugin is developed to showcase a number of imges/frames and it will always show 5 of them.. I have read in the comments and in the faq the workaround for this issue -> to set the back_opacity option to 0..

With this option, the panels visually disappears, but they are still somewhere there.. if you click in the back of the frames it will do the move.. Can you tell me how I can fix this problem?

honishi

5 months ago
Author
Frique Frique replied

Hi Honishi,

In your CSS , if you set the margin-top of .behind equal to the margin-top of .back, the back frames (1, 5) will be hidden behind the behind frames (2, 4) and unclickable.

#boutique .behind{
    margin-top: 0;
}
#boutique .back{
    margin-top: 0;
}
5 months ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
sumacproduction says
Purchased

Hello Frique

Im having problems with the compatibility of the carousel in IE8 and below.

Is there a way we can sort this out? Here is the link to the page that the carousel is displayed on below.

http://essar.sumacdevelopment.co.uk/the-board.aspx

Apart from this, its a lovely carousel!

5 months ago
Author
Frique Frique replied

I’m not sure why that is but there seems to be a jquery error. Could you try upgrading to the latest jquery version?

5 months ago
Purchased
Default-user sumacproduction replied

I have updated the JQuery but I am still having the same problem

Any Ideas?

5 months ago
Author
Frique Frique replied

This seems fixed now, right? What caused the problem?

4 months ago
  • Has been a member for 2-3 years
  • Bought between 10 and 49 items
srik79 says
Purchased

Hello,

I really want to put videos in place of images, is there any way?

can you make the plugin add styles to instead of ?

Oh read some comments back on first page, you said you cant put flash because of dynamic resizing, but i don’t need resizing as i am keeping the images at the back same size as front but using css to make them look as if they are resized….

Thanks, Srik

4 months ago
Author
Frique Frique replied

Hi,

Sorry, for now it will stay purely focussed on images. Besides the frame resizing there are more issues with integrating flash support and there are probably plenty flash based alternatives available at activeden.

4 months ago
  • Has been a member for 0-1 years
  • Bought between 10 and 49 items
davidc0055 says
Purchased

Downloaded and working beautifully—thanks for the great code.

Any plans on navigation bullets in future versions?

4 months ago
Author
Frique Frique replied

Thanks.
Not planned, but it’s a pretty good idea.

If your setup is static (not dynamically generated or too often updated), they are currently quite easily added with some bullet images and using the external function “boutique_goto(frame-number)”. An example page about using external functions is included in the package.

4 months ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
petedungey says
Purchased

Hi there, thanks for the plugin, its great – and almost perfect!

I am happy to heavily edit the code, and am in the process of doing so but wanted to ask a couple of things.

For reference, I am using the straight-line version.

My images are 900×620, and I only want to see 3 at a time. One in the centre and the other 2 ‘peeking’ in from the sides. I have managed to get just 3 images by adjusting the back opacity, but cannot seem to force images 2/4 off the sides of the page? Any ideas on this? I only want to see approx 100px of these images?

The external button feature is great, really helpful for me. Also, Ive noticed Vimeo embed code seems to work inside the list – awesome! Might be useful for some of the others who wanted video?

One last thing, can the ‘ease in’ effect be adjusted to be more like a slider, rather than fading?

Cheers, Pete

3 months ago
Author
Frique Frique replied

Hi Pete,

To set the distance of the 2 peeking frames you can use the option “behind_distance”. The pixel value you give here will be the distance from the container edge to the frame. I’m afraid you’re using the 100% container width option, so the distance from the center frame varies?

For other easing types you can include the popular jquery easing plugin and then supply different easing titles in the plugin options.

Thanks for confirming working vimeo embeds!

3 months ago
Purchased
Default-user petedungey replied

Thanks Frique.

I am usig 100% width yes as I want it to be responsive. Is there any way way making the image sizes responsive? i.e. max-width etc?

I have managed to move the ‘peeking’ images with a workaround, looks great.

Are you able to give me a little more information on how to utilise the jquery easing plugin? Where in your code would I make changes?

Thanks, Pete

3 months ago
Author
Frique Frique replied

Hi Pete,

Send me a message via my profile so i can check your sample page and/or send you an example.

The fading sounds like an opacity setting (plugin options) and text size between frames is managed in the CSS . Be careful with your modifications and compare with the original samples if something malfunctions.

3 months ago
  • Has been a member for 1-2 years
  • Bought between 10 and 49 items
dkhonig says
Purchased

Hey Frique,

Great script. Really love it. I have one question though, I want the center framed image (I think frame 3) to automatically zoom in when the image enters that frame and not when you hover over. Not too sure how to achieve this. Can you help me out? Thanks.

Damaniel

3 months ago
Author
Frique Frique replied

Hi Damaniel,
Not sure I understand. You can set up the center frame to be bigger than the rest, right? So it will automatically appear zoomed.

3 months ago
Purchased
Default-user dkhonig replied

Hi Frique,

I figured out what I wanted to do. I basically needed to adjust the margins of the frames in CSS . Thanks for the reply.

3 months ago
  • Has been a member for 0-1 years
  • Bought between 10 and 49 items
davidc0055 says
Purchased

Hi Frique,

I sent you an e-mail a few days ago, in case you missed it.

David

3 months ago
  • Has been a member for 2-3 years
  • Exclusive Author
  • Sold between 100 000 and 250 000 dollars
  • Elite Author
  • Bought between 100 and 499 items
  • United States
  • Referred more than 2000 users
WPExplorer says

Very nice and extended license available ;)

2 months ago
  • Has been a member for 3-4 years
  • Exclusive Author
  • Bought between 10 and 49 items
  • United Kingdom
mousico says
Purchased

Hi there, I’ve noticed that the carousel leaves undefined h6 tags on the page. Do you know how I might be able to remove the h6 tag thing completely?

Thanks.

2 months ago
  • Has been a member for 3-4 years
  • Exclusive Author
  • Bought between 10 and 49 items
  • United Kingdom
mousico says
Purchased

I’m adding another comment as I forgot to check the ‘email me when I receive a reply’ checkbox!

2 months ago
Author
Frique Frique replied

Hi,
Send me a message via my profile page so I can reply you with a cleaner version.

2 months ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
jenst says
Purchased

I just bought your plugin, nice. But I just noticed that the margins between the images (left and right) are not equal. Look at your own example. The images overlap but not equal. The images in the back are closer than the images in the front. Is it possible to make the space equal between the items?

2 months ago
Author
Frique Frique replied

Hi jenst,

In most cases it creates a sense of 3d perspective.
However, you can manually set the distance of frame 2 and 4 with the plugin option “behind_distance”. The instructions page can give you more details.

2 months ago
Purchased
Default-user jenst replied

“behind_distance” works fine with fixed with, but not so well with responsive layout (100% width). However, it looks good now, with the the 3D perspective thing. Have a look if you like.

2 months ago
Author
Frique Frique replied

Cool!

2 months ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
launchuk says
Purchased

Great plugin. Its easy to get it up and running and i think it has a lot of features.

1 month ago
  • Has been a member for 0-1 years
thenickb says

Great plugin! One problem though…

The furthest back image on the left has a quirk when clicked. It doesn’t bring that image to the front, it opens the link associated with that image. I’m using lightbox support with the lightbox2 module in a Drupal 6 install. Everything works great on all other images except the one. Any thoughts?

25 days ago
  • Has been a member for 0-1 years
thenickb says

Disregard the last comment as I figured it out. For some reason the .js file came with the Frame 1 click function commented out. Uncommented and now it’s all good.

Again, great job!

25 days ago
  • Has been a member for 0-1 years
  • Bought between 1 and 9 items
dominikbauer says
Purchased

Hi Frique, you spoke about an implementation for using images with different sizes 5 months ago. When will this function probably available? Would be a real help for me. Thanks for the great plugin!

Dominik

3 days ago
Author
Frique Frique replied

Hi Dominik,
Sit tight for version 1.5 coming around june 1st :)

1 day ago
Purchased
Default-user dominikbauer replied

Hi Frique, great! Thank you!

8 hours ago
by
by
by
by
by