CodeCanyon

Accordionza - jQuery Plugin

  • Has been a member for 0-1 years

I am looking forward to buy this plugin. However, I have 1 concern. Instead of folding headline on the left, I want them to be listed evenly as in here http://codecanyon.net/item/unleash-jquery-accordion-slider/full_screen_preview/1851823

Is it possible to that?

I will buy it after being sure about this.

GeertDD

Sorry, that’s not a built-in feature.

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

Hi there,

is it possible to change the image of the handles when you open/click on a slide? I created my own handles.png and it works great. Then I created a second handle image (handles2.png) with a different color and text. This handles2.png should be active when I open a specific slide. I tried something like:

#accordion1 .slide2 .slide_opened .slide_handle { background:url(images/handles2.png);background-position:-31px 0; }

That doesn’t work. Is it possible to change the current (active) handle image with it’s specific background-position?

Cheers, Johan

P.S. Great plugin by the way.

GeertDD

You’re almost there, Johan. Remember that the class “slide_opened” is attached to the slide itself, so you need to slightly change your selector (no space between it):

#accordion1 .slide2.slide_opened .slide_handle { }
Default-user

Hi, thanks! I solved it using:

#accordion1 .slide_opened .slide_handle { background:url(images/mc_handles2.png); }

So I do not have to define the handles2.png for each slide.

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

Hi, I tried to purhcase the Accordionza, when I clicked on purchase with Paypal it took me to a broken link. I tried on both IE & Firefox.

GeertDD

Sorry to hear about that, Jake. Could you contact Envato support about this problem? Thanks.

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

Do you have any plans to support responsive designs? I have made some changes to the css so that the overall accordion width uses a percentage, which seems to work OK, but you must refresh the page so that .slide1 .slide2 .slide3 and .slide4 adjust to the new width.

GeertDD

Yeah the calculated offsets for the slides are only generated upon initialization, that’s why the refresh is needed. I don’t really have plans for a responsive version at the moment, but it definitely is a good idea.

  • Brazil
  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
Vinik Purchased

Hi, how can I make to when it open another slide than the first one. There was a code on jquery.accordionza.min and other on jquery.accordionza, that said starslide, but i changed then, and neither worked

GeertDD

Make sure you are using the latest version. In Accordionza 1.1 a new option called “startSlide” was added.

Default-user
Vinik Purchased

I am. I changed this option but nothing happened

  • Brazil
  • Bought between 10 and 49 items
  • Has been a member for 1-2 years
Vinik Purchased

Hi, I’m also having this problem: http://vkiss.com.br/kubo3/index.html I inserted a flash content on the first slider, and now things are with a strange delay.

Please get back asap

GeertDD

It seems to work, but very slowly. Not sure I’ve got a quick fix for that. The flash part seems to be causing problems. Couldn’t you change that flash-based slideshow to just an HTML-based slideshow. It’s just some fading images after all.

Default-user
Vinik Purchased

I had an HTML-based slideshow, an PHP-based slideshow and I even created a video on vimeo with just these images. None of them worked, they all responded like this flash object (seriously)

GeertDD

In the code I see you are loading the jQuery easing plugin twice. That won’t speed up things, on the contrary. Maybe it helps to fix that. Not sure what else might be the problem.

Default-user
Vinik Purchased

Changed that, but didn’t help (Also, haven’t uploaded the files to my server, but offline it stills slow)

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

Hi there,

I use the following code to switch the handles image when a slides opens. That works perfect:

#accordion1 .slide_opened .slide_handle { background:url(images/handles_active.png); }

Of course, the image switches directly when I click on a slide. But is it possible to switch the handles image later (and not directly after the click on the slide) when the opening procedure of the slide is finished (The image should be switched when the slide is fully opened)?

Cheers, Johan

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

Hi again,

please forget my last question. I would like to execute some code when a slide is fully opened (animation completed). So, is it possible to trigger an event at that moment the slide animation stops?

Cheers, Johan

GeertDD

Could you try the onSlideOpen callback? If it fires too early, you could set a timeout in there based on the slideSpeed. Another option would be to customize the script code itself and add a callback in there for when the opening animation is done.

Default-user

Thanks! I tried the option using a timeout, it works perfect.

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

Hi,

when I open my page with the implemented accordion for the first time, Accordionza initialize and all sliders run to the right side (the start slide is 1). Is it possible to prevent this (all sliders slide to the right side of the accordion)?

Cheers, Johan

GeertDD

That will require you to change how the script initializes itself. This behavior is not configurable via some option.

  • Bought between 1 and 9 items
  • Has been a member for 5-6 years
  • Israel

Hello,

I have two questions: 1. When the animation starts and I’m not interfering it, in the fourth side with a embed movie I click the play button and movie start but the animation continues to the next slide. It needs to stop when the movie is played. 2. When the animation starts and I interfering it and jump to the fourth side with a embed movie I click the play button and movie start but when I click on another slide the movie continues and the new slide is open. It needs to stop the movie automatically when I click on another slide.

Thanks in advance, Natanel.

GeertDD

Sorry, but I don’t think this is even possible without modifying the script. The startAutoPlay and stopAutoPlay are private functions.

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

Can I use this on my wordpress site??

GeertDD

Yes.

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

If so, how can i do it??

GeertDD

It’s not a plugin. You need to edit your theme and include the required js and css files, just as you’d do on a regular HTML page. Basic HTML and CSS skills are recommended.

Default-user

Can u give me any links to guides or tutorials, i’m completely new to creating websites, any help would be highly appreciated. thx

GeertDD

Well, there’s a lot to learn. Start with HTML, then have a look at CSS.

https://developer.mozilla.org/en-US/docs/HTML https://developer.mozilla.org/en-US/docs/CSS
  • Bought between 50 and 99 items
  • Has been a member for 2-3 years
sfarrat Purchased

any way this can be responsive? or is that in the works?

GeertDD

No, and not in the works for now, sorry.

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 3-4 years

I’ve been testing this file (great work by the way), but it is running the easing javascript from here: http://gsgd.co.uk/sandbox/jquery/easing/

You will notice that it is loading EXTREMELY slowly from here. I googled it as well, hoping to download the .js file and host it locally. I found a version of the easing on google code, but it is not the correct version and it is doing funky things (though it is loading flawlessly). If you can please send me the .js file if you have it. If not, we will have to contact codecanyon support I believe.

Thanks!

GeertDD

Right, it is better to host that file on your own server too. If you visit http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js just go to “File > Save as” in your browser to save it locally. Hope that helps.

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

I am having problems with this plugin. I was working amazingly fine last week, but then by Friday it just stopped working and the Javascript seems to be seriously down. Even the ones I didn’t edit (the ones I download from you) also stopped working. Please visit my site and check what I am talking about: http://global.touricoholidays.com/ad-opportunities/

Thanks

GeertDD

Hm, could it have been a problem with the easing plugin? In any case, you should be hosting that file yourself, but as far as I can see in your code that is exactly what you are doing. Fine.

  • Bought between 50 and 99 items
  • Has been a member for 4-5 years
  • United Kingdom

With your script why the hell as “Please stop hotlinking my easing script — use a real CDN instead. Many thanks” appeared in huge yellow letters over my clients website?

GeertDD

You should host that easing plugin file on your own server too. If you visit http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js just go to “File > Save as” in your browser to save it locally. Hope that helps.

brighteyes

I know to do that but it’s a bit much to display a big fat yellow and black warning across my clients website. I have many sites and don’t know how long it’s been there and how many of their customers have seen it. If hotlinking the script was that much of an issue include it with the download. Or, if you chose to hotlink it yourself in your files don’t penalise us for what you have put together.

GeertDD

Yeah, sorry about all that. I don’t know when this yellow message started popping up. It is something created recently by the author of the easing plugin, though.

brighteyes

Ah I see, you couldn’t really see that coming, can’t account for everything! Great accordion though, thanks for getting back

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
aglae361 Purchased

I’m sorry but I do not understand the sentence vrailent: “Please stop hotlinking easing my script – use a real CDN INSTEAD Many thanks.”. I have to go on and http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js Register the file locally. Ok, but what file you replace it in the following script: <script type=”text/javascript” src=”//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”> </ script> <script type=”text/javascript” src=”//gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js”> </ script> <script type=”text/javascript” src=”../script/jquery.accordionza.min.js”> </ script> <script type=”text/javascript” src=”script.js”> </ script>

GeertDD

Where it says src="//gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" in the code, you need to replace with your local path, something like this if you put the easing file in the same directory as accordionza: src="../script/jquery.easing.1.3.js".

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
aglae361 Purchased

Ok, my head is <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”> <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>#accordion1</title>
<style type="text/css">
body { font:13px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif; }
</style>
<!- You may want to change the paths below, according to your own CSS and JavaScript setup ->
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.easing.1.3.js"></script>
<script type="text/javascript" src="jquery.accordionza.min.js"></script>
<script type="text/javascript" src="script.js"></script>

</head> I have download and registrer http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js and put it in the website, in the same path, with jquery.accordionza.min.js and script.js.

But i still have the black line ““Please stop hotlinking easing my script – use a real CDN INSTEAD Many thanks.” What’s wrong ? If you want, i can give you the website URL in private.

GeertDD

Sure that nowhere in your <head> you link to the gsgd.co.uk domain anymore? Also, did you clear your browser’s cache? If that doesn’t help, feel free to mail me the link to your site. Thanks!

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

Hi. I have to implement a specific logic onSlideOpen, including changing of active slide handler background color. But on slideClose i need to revert changes (set back default css class) and here’s my problem: is there any way to do that via onSlideClose section? if i reffer to .slide_opened in it, i get new active slide handler, not one that’ve been just closed. example: $(’#accordion1’).accordionza({ slideDelay: 4000, onSlideOpen: function(){ $(”.slide_opened div.slide_handle”).removeClass(“odd”).removeClass(“even”).addClass(“slide_active”); } , onSlideClose: function(){ $(”.slide_opened div.slide_handle”).removeClass(“slide_active”).addClass($(this).attr(“class_start”)); } });

GeertDD

I think you’re overcomplicating things. Changing the appearance of the active slide handler can be done purely via CSS. Just inspect the classes:

.slide_opened .slide_handle { }
Default-user

yep, you’re right, my bad. In fact, i also need to change slide_content appearance, but, anyway, both problems are solved already, thank you.

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

One more question: is there any way to close ALL slides? i need em to be closed as page loads and open by click later.

GeertDD

Nope, sorry. One slide is opened, keeping the width the same at all time.

Default-user

Well, that’s too bad, because i’ve constructed whole UI on accordionza, and now i have too create some twisted hack to achieve “all closed” state. Probably i could’ve add one additional slide with specific css (1px width + transparent) and open it when needed..

by
by
by
by
by