Hi! This is a first example for gestion the link in mode 3 dimension!!
Easy to use, nice to see for good presentation product and easy to modify with this parameter:
The link to image are internal to HTML and the same to link and text
File JStext.js : These are used to change the diameter of the sphere
These are used to change the size of the icon(the size variation with the movement)
These are used to change zoom whene click into image
var zM = 2.3; //ZOOM VALUE
In all project have this K = Math.PI / 180 --> if you reduce val 180 increase the speed --> if you increase 180 the speed reduce
For close the image go up to red cross
when zoom the image possible the DRAG and DROP, move
In this project your imagination can have fun,all the cards you call and zoom are external html file, which you can modify to your liking
File JScard.js : These are used to change the diameter of the sphere
These are used to change the size of the card(the size variation with the movement)
These are used to change zoom whene click into image
var zM = 2.3; //ZOOM VALUE
In all project have this K = Math.PI / 180 --> if you reduce val 180 increase the speed --> if you increase 180 the speed reduce
This three example have the same behavior and can run on IPAD
Very nice for presentation your bunner or tour link in a 3D circular manner
In all project have this K = Math.PI / 180 --> if you reduce val 180 increase the speed --> if you increase 180 the speed reduce
N.B. = For remove or add the new link or image
need to add link and image into html but also into file .js
bottom of the file find this code :
object.push(new CObj(0, 1, -1, -1));
object.push(new CObj(1, 1, 1, -1));
object.push(new CObj(2, -1, -1, -1));
object.push(new CObj(3, -1, 1, -1));
object.push(new CObj(4, 1, -1, 1));
object.push(new CObj(5, 1, 1, 1));
object.push(new CObj(6, -1, -1, 1));
object.push(new CObj(7, -1, 1, 1));
In the example 3D Rotation banners BUNNERS possible see a lot the link to different position!!
where example 1, -1 , 1 it's x,y,z for position the new link!!
If you need help, please contact my!!!