Indexhibit Support

Hello, I read the long thread about Iwakami and how it may be possible to combine elements from the slideshow (fade and prev, next buttons)

I tried to copy elements in the php's but none of them worked. Has anyone created a successful Iwakami slideshow with fade and next/prev buttons?

...have you got an address?

I have.

Here is the link to the long iwakami thread
some of it is about renaming the plugin and the latter part is about customizing it i do believe

Link to thread I was talking about

Well, you haven't showed us what you have tried to do...it's kind of hard to help out.

Iwakami Plugin

No, show us what you have done - we aren't simply going to write this code for you. You need to show us what you have tried first...as it's stated in the forum rules...this is a place to try to learn.

Here is my webpage

What I have tried isn't shown on my page as of right now

I basically just copied some code from the slideshow to the iwakami plugin. Nothin to crazy. I can post what I did if you want.

Ok I will post something in a bit

Link to my modified php file

Ok so i just copied two things of code from the slideshow php. The code with "fade" in it, and the code with "prev and next" in it.

I didnt really expect it to work or be that easy, but this is the result...
Result

The good news is that when you click on either the picture or the prev/next button, the address bar shows a link change. The link is changed by adding a "#" symbol. So, it is recognizing the click, and the clicks are going to the same place.
Hope that makes sense.

thanks

Ok i feel like Im getting close, but its just this area of code...

1. function dynamicJS()
2. {
3.     global $timeout;
4. ¬†¬†¬†¬†return "$(document).ready(function(){ 
5.     $('#s1').cycle({
6. ¬†¬†¬†¬†fx:'fade', 
7. ¬†¬†¬†¬†speed:'2000', 
8. ¬†¬†¬†¬†timeout: 0, 
9. ¬†¬†¬†¬†next:'#next', prev:'#prev'});
10.     });";
11.     
12.     
13. ¬†¬†¬†¬†return "function show_image(id)
14.     {
15.         $('.pic').hide();
16. ¬†¬†¬†¬†¬†¬†¬†¬†$('#p' + id).show();
17.         $('#num').html(id);
18. ¬†¬†¬†¬†¬†¬†¬†¬†return false;
19.     }";
20. }

the first half is from the slideshow php, and the second half from the iwakami php.

I decided to just combine them both under the "dynamicJS" tag thing. I dont know much about php, but Im guessing these two bits of code are conflicting. When I take out the first half, iwakami works, and then vise versa for the slideshow.

So I think somehow combining these two bits of code should work...but i have no idea what im doing lol

Any help would be awesome

Link to my webpage

Current php file im working with

I also would benefit very much from any tips in this area...

thanks
Jaz

Two possible options

- combine code from "iwakami" and "slideshow"

- do what Vaska suggested, change the show() to fadein()

My question about the second option is:

Is this language Javascript? Where is a good place to go to find out about creating a fade effect in Javascript?

Thanks,
Jaz

Dear Vaska
the Iwakami link dœsn't work properly, how could I do to have this plugin from now?
thanks a lot!

Clément

i kinda able to combine iwakami and slide show but not tried prev and next button yet, the fade in that i have put in iwakami works on my site

1. change within function dynamicJS
2. $('#p' + id).show( )
3. to
4. $('#p' + id).fadeIn({ 
5.     speed: '10000', 
6.     timeout: 0});

Example