|
   |
| Forum moderator: bigblog |
| uCoz Community » General Information » First Steps with uCoz » To Sunny ( Question ) (Design) |
| To Sunny ( Question ) |
Hello Sunny, how are you doing, i hope you are well.
I have a question regarding a design issue. As you can see here : thassos.ucoz.com/index/0-93 , i have already moved content from uCoz normal light-box gallery to specific pages. (as a suggestion maybe that code should be available more easily) My question is : Is it possible to replicate with uCoz the way pictures open here : go-thassos.gr/visiting-thassos/hotels/ntinas-resort?anchor=node-618 ( scrool down - the pictures on the right - preview when hovering mouse over ) If not, what is the easiest way to make such an effect, just like in the link i showed you ? The widget "Graphic menu with effects" is not doing that, it is replacing the photo and if the photo is big it goes beyond the screen, changing all the site design too. So it's a mess. Thank you so much. Thassos Island Portal :
https://thassos.one Post edited by Urs - Wednesday, 2013-08-14, 2:47 PM
|
Urs, You just need to find a javacript/jquery script that does this for you, replacing of the codes is possible.
What you're seeking can be referred to as "Sticky tooltip script". I found one here that you should be able to use http://www.dynamicdrive.com/dynamicindex5/stickytooltip.htm or this one http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/ Keep thread names informative, and remember that there is more than Sunny here that can help you. Proud uCoz user since 2006
Freelance designer - http://pixelkhaos.com PixelKhaos on twitter - @PixelKhaos I can help you develop your site for a small fee. Post edited by PixelKhaos - Tuesday, 2013-08-13, 11:54 PM
|
I find them rather complicated.
The first one also comes with copyright included. The second one : http://cssglobe.com/easiest-tooltip-and-image-preview-using-jquery/ has no step by step implementation. Isn't there a HTML5 version ? The pictures here are also loading fully before displaying : go-thassos.gr/visiting-thassos/hotels/ntinas-resort?anchor=node-618 but that maybe it's something too much to ask at this point. Other methods ? I also made two suggestions on the suggestion forum with this occasion. Thassos Island Portal :
https://thassos.one Post edited by Urs - Wednesday, 2013-08-14, 2:50 PM
|
Urs, The second one, you need to do is download the package, open up the "03" folder, upload main.js and jquery.js to in your filemanager. Then you need to link it in your <head>. Or use these external ones*
Code <script src="http://cssglobe.com/lab/tooltip/03/jquery.js" type="text/javascript"></script> <script src="http://cssglobe.com/lab/tooltip/03/main.js" type="text/javascript"></script> Now all you would need to do is use this code and customize it for your module Code <a href="$ENTRY_URL$" class="screenshot" rel="IMAGE CODE"><img src="THUMBNAIL"></a> The IMAGE CODE and THUMBNAIL are what you need to replace with $CODE$'s for the images you are using. If you have added every image manually without a module, you would need to replace every image with that code, and add the thumbnail image and the bigger one, alternatively, using the same link and resizing it. Proud uCoz user since 2006
Freelance designer - http://pixelkhaos.com PixelKhaos on twitter - @PixelKhaos I can help you develop your site for a small fee. Post edited by PixelKhaos - Wednesday, 2013-08-14, 7:33 PM
|
| |||
| |||