| |
Author |
Post |
|
#1 Wed Oct 29, 2014 1:52 pm
|
Member
Registered: Oct 2014
Posts: 2
|
Hi, For some reason I'm overlooking, I cannot get the link to work in the fb.reload example to rotate a picture. my code is as follows: echo '<a href="',$images_dir.$file,'" class="floatbox" data-fb-options="group:myShow footer:#footrot" title="'.$file.'"><img src="',$thumbnail_image,'" class="shadow"/></a>';
echo '<div id="footrot" onclick="fb.rotate(',$images_dir.$file,')" style="display:none; text-align:center;">'; echo '<img src="../..//floatbox/graphics/rotate_32.png"/>'; echo '<span style="display:inline-block; cursor:default; color:white;">'; echo ' <br/>Rotate image<br/> '; echo '</span>'; echo '</div>';
But I am not getting a clickable link on the "Rotate Image" Suggestions ?
|
|
#2 Wed Oct 29, 2014 2:32 pm
|
Administrator
Registered: Aug 2008
Posts: 3382
|
Rotating images is not part of Floatbox's functionality and fb.rotate is not a Floatbox API function.
I just put that rotating example on the Hi-Tech tab of the demo page to show how you can code stuff around a Floatbox. You have to provide the rotate function and the php script that manipulates the image. I quoted my fb.rotate function in the code below that example, and the simple php process in the source file link.
You are of course welcome to use that code as a starting point for you own rotater if you want, but this is your page code, not Floatbox's out-of-the-box code.
|
|
#3 Wed Oct 29, 2014 3:21 pm
|
Member
Registered: Oct 2014
Posts: 2
|
appreciate the reply. This is the code I leveraged.
The simple issue is the "Rotate Right" text or the arrow are not clickable .. they are there, just don't do anything.
|
|
#4 Wed Oct 29, 2014 3:31 pm
|
Administrator
Registered: Aug 2008
Posts: 3382
|
I understand.
It's up to you to code, attach and debug any custom behaviours you want to assign to the footer widget. That's not something the Floatbox library does.
|