Play and Pause Buttons in PikaChoose Version 3.0 Do Not Interchange

There is an error in the styles.css file included with PikaChoose 3.0.  As is, the code results in only one (either play or pause) button to appear when hovering over a gallery image.  The functionality of the button(s) are OK.  For example, clicking on the play-button not only starts but also pauses the slideshow and vice versa.  In other words, the play and pause buttons do not swap according to the play/pause state of the slideshow.

To correct the issue, edit the following two lines [19, 20] in the styles.css file:

.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

Replace with:

.pika_play a.pika_play_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a.pika_stop_button{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('pause.png') top center no-repeat;}

The play and pause buttons should now toggle between the other when playing and/or pausing a slideshow.


REF: CSS code from the PikaChoose Image Gallery demo page

Advertisements

Tags:

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s


%d bloggers like this: