fb.rotate issue

Page: 1

Author Post
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 &#039;<a href="&#039;,$images_dir.$file,&#039;" class="floatbox" data-fb-options="group:myShow footer:#footrot" title="&#039;.$file.&#039;"><img src="&#039;,$thumbnail_image,&#039;" class="shadow"/></a>&#039;;

echo &#039;<div id="footrot" onclick="fb.rotate(&#039;,$images_dir.$file,&#039;)" style="display:none; text-align:center;">&#039;;
echo &#039;<img src="../..//floatbox/graphics/rotate_32.png"/>&#039;;
echo &#039;<span style="display:inline-block; cursor:default; color:white;">&#039;;
echo &#039; &nbsp;<br/>Rotate image<br/>&nbsp;&#039;;
echo &#039;</span>&#039;;
echo &#039;</div>&#039;;


But I am not getting a clickable link on the "Rotate Image"

Suggestions ?
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.
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.
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.

Page: 1