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


Leave a Reply

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

You are commenting using your 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 )

Connecting to %s

%d bloggers like this: