Edit page content

The 'Manage Content' button > The content editor toolbar > Click to Enlarge

Your tool bar might have this icon in it:  If it does, then you have the ability to add a 'Click to Enlarge' feature to your images on your General Content pages. Not all byteEditor-enabled websites have this feature!

Follow these steps to add this feature to an image on your website:

Create two images, one to be a thumbnail version, and one to be the enlarged version. They should have the same name, EXCEPT the thumbnail image should have _th at the end of the file name (before the file extension), like this:


Note about image sizing: Your thumbnail image should typically be anywhere from 50 pixels wide to the full width of your website's content area, which might be up to 800 pixels wide, depending on the layout of your page. Your full size image should be no larger that a typical monitor size though. Considering that laptops might only have about 1,200 pixels to work with, limit your full size image to a size of about 1,000 pixels wide. Also take into consideration the height of your full size image. Laptop computers might only have a window height of about 750 pixels, so if your full size image is taller than that, it won't all fit on a laptop's screen! You won't want people to have to scroll down to see the full image.


Insert the thumbnail version of your image onto your page where you want it. Important: When you are uploading the image to the server, make sure you upload both images, the thumbnail and the full size image.


When you see your thumbnail image in your editor window, select it again so it becomes highlighted. Then select the 'Click to Enlarge' icon in the toolbar to add the 'Click to Enlarge' feature to the image. The editor will automatically assign the code to the image, so there is nothing more for you to do. 


Note: You will see a dotted line around your image in the editor, indicating that 'Click to Enlarge' is active on that image. That dotted line will not show up on your live page. It is only there for your convenience in the editor window.


This tutorial website is designed to assist our bytePages™ customers in working with the byteEditor Content Management System they have on their sites.

Go here if you would like to have a bytePages™ template site, with this Content Management System installed in it: bytePages.

Go here if you would like to convert your existing site, or to build a new custom website as a self-manageable site using our proprietary Content Management System (byteEditor):
Byte Productions.