11 Posts
jlowell
6 years ago
Topic

Hello,

Seblod is maybe one of the best joomla component we have since i have build lot of thing with. But I would like to know how to zoom an image. Am builing a catalog website where I would like people to be able to see the picture in large. I have download some nice plugin who can do this but sadly I will have to add a source code before and after image (example: {zoomin src="/bigimage.jpg" type="hover"}thumbnailimage.jpg{/zoomin}.

Thank in advance

Get a VIP membership
4229 Posts
Kadministrator
6 years ago
2
Level 1

With Seblod this is bult in - you can need to Image field to the view tab (and to the form too so user can upload image), then apply Image typography to it, there you can choose which size to show in the popup.

11 Posts
jlowell
6 years ago
0
Level 2

Thank you I will explore the seblod to search for the solution you gave to me.

11 Posts
jlowell
6 years ago
0
Level 2

done it :D thank

215 Posts
iliil
6 years ago
0
Level 1

Hello

...or you can integrate some javascript zoom plugin with your custom content template.

Seblod upload image field will manage the image upload and the thumbnail creation.

For zoom feature, you should look for some javascript plugin you like

http://www.elevateweb.co.uk/image-zoom/examples

The implementation is usually quite simple and well documented.

You will probably need to load some required javascript and CSS files. You can do it in your custom template

$doc = JFactory::getDocument(); 
$doc->addStyleSheet('/path/to/style.css');<br>
$doc->addScript('path/to/script.js');

View the page source and check if the files are in the of your page.

If yes,  follow the instruction in the plugin documentation (copy  & paste from HTML example to your template). 

You will probably need to mention the URL to your image thumbnail and large image. You'll find both in your Seblod image field

<?php echo $cck->get( 'your_image' )->thumb1; ?>
<?php echo $cck->get( 'your_image' )->value; ?>

Hope it helps

Michal

Get a VIP membership