David Slack - Web developer

Subscribe to RSS - Image

Image

Displaying the Images

Now we need to tell the site how to display the files using our ImageCache presets. To do this click the 'Display fields' tab at the top. Now use the pull-downs to get the setting below

Images

  • Label = <Hidden>
  • Teaser = no styling
  • Full node = no styling

Main Image

ImageCache

Now to set up the main part of the image modules, we'll setup ImageCache

  1. Go to admin
  2. On the right hit 'ImageCache'

There will probably be only one preset for ImageCash at the moment and this is for the iTweak upload module. This preset will set up an images size for any image uploaded using iTweak upload. We won't touch this at the moment but we will create our own

From the image the user will upload we will create 4 images

Configuration

Once we have the modules installed we need to configure them

  1. First go to www.example.com/admin/settings/file-system/transliteration and click the Transliterate button if it asks you to. This will fix any problems with URLs you might have
  2. Click the 'Save configuration button
That's Transliteration setup, now Image API
  1. Go to admin
  2. Click ImageAPI on the right
  3. Make sure ImageAPI GD2 is selected
  4. Click the Save Configuration button

Now Lightbox2 to setup:

Modules

First we'll download the modules for images:

Image modules

If you've followed the tutorials you'll know IMCE is great for adding images to content, but what about an image that 'represents' a piece of content?

For example your user will upload an image and we have to make sure it is a nice large image, say a width of between 1000px and 2000px (if you don't know what a px is read on). From that we need to create 3 images

  • one at 600px width by 300px height for the main image
  • one at 950px width with any height for the full size image
  • one at 200px width by 200px height for the teaser image

Latest content

There are lots of developers out there with varying degrees of experience and expertise, some mid level, some junior and some senior. Some...
First thoughts are Symfony is ace!Only been using Symfony for 1 project but the amount of coding it has saved has been worth the time spent...
The Lost and Found website was built by myself (David Slack) and designed by Arm & Eye.The site was created to promote a bar and...

Social networks

Contact me here or catch me on one of
the social networks below


What I'm listening to

My blog

Wednesday, 2 August, 2017 - 06:56
There are lots of developers out there with varying degrees of experience and expertise, some mid level, some junior and some senior. Some developers...
Tuesday, 5 March, 2013 - 09:49
First thoughts are Symfony is ace!Only been using Symfony for 1 project but the amount of coding it has saved has been worth the time spent learning...
Monday, 3 December, 2012 - 10:07
As a web developer and web designer I need to take into account everything on a site from SEO, marketing, usability across devices, the look and feel...

Try this on your mobile

Use your QR reader to read this

You should be able to use this right from the screen

Latest tweets

Calendar

M T W T F S S
 
 
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
10
 
11
 
12
 
13
 
14
 
15
 
16
 
17
 
18
 
19
 
20
 
21
 
22
 
23
 
24
 
25
 
26
 
27
 
28
 
29
 
30
 
31
 
 

You are here

Back to top

Copyright David Slack - Web developer