Confused dot com

[peeps54]

Hi everyone,

I have just come back to website development after 2 years break and just found
out how much I have forgotten

1st off Highslide is fantastic but a little confusing, I am putting together a site

http://www.yarnia.biz (will buy commercial licence if this works) and have one page using Highslide

http://www.yarnia.biz/machines.html

as you can see there are three pics, each which will need to expand, questions are

1. I need the three of them in that frame, which option allows me to do this?

2. I do not need to expand it to full size, can that option be deselected? cant see where

3. The text underneath the expanded pic, how do you format it into paragraphs?



many thanks /-- Paul

[RoadRash]

Hi Paul,

1) Do the markup for the rest of the thumbs like you did with the first thumb.

2) You can remove the full-expand button by removing this part of your highslide.css file:

Code: Select all

a.highslide-full-expand {
   background: url(highslide/graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}

3) You need to use a highslide-caption div instead of the text from the title attribute.
First ÔÇô remove this line from your highslide.config.js file:

Code: Select all

hs.captionEval = 'this.a.title'; 

Second ÔÇô add the highslide-caption div like this, directly after the closing a tag:

Code: Select all

<a href="images/P100410_14.390001.JPG" class="highslide" onclick="return hs.expand(this)" title="Title text" style="margin: 0pt 0pt 10px 15px; float: right;">
<img src="images/P100410_14.390001.JPG" alt="" style="border: 0px solid ; top: 81px; left: 588px; width: 114px; height: 85px;" /></a>
<div class="highslide-caption">
<p>
The Embellisher requires no threading or sewing; it simply ÔÇ£meshesÔÇØ fabrics together using 5 special barbed needles. Designed with the unique art of machine needle felting, the Embellisher pushes fibres together creating beautiful surface embellishments. You simply move the fabric freely under the needles to create any look or design. The Embellisher can make all your projects from garments to scrapbooks more distinctive. The 5 Special barbed needles mesh the fabric together to create unique designs using almost any type of material. Paper, yarns, fabric, ribbon, threads, feather, etc. can be used to make the most outstanding garments, quilts and other decorative items. Features include: Presser foot height adjustment, Free-motion embellishing, Free arm, No thread required, Electronic foot control and Built-in accessory storage
</p>
</div>

[peeps54]

many thanks RoadRash, my brain was just getting frazled a little bit

I did attempt to do that, but ended up with duplicates here there and just about
everywhere, so I must of been doing something wrong,

I now have 3 pics that are working! http://www.yarnia.biz/machines.html

I deleted the hs.captionEval = 'this.a.title';

and added the second stage, which I seem to have messed up

[RoadRash]

This line is still in your highslide.config.js file in your live page:

Code: Select all

hs.captionEval = 'this.a.title';

The text in the highslide-caption div will not appear before you have removed the captionEval line.

[peeps54]

well spotted

just took it out, but still no change

i think i have lost the plot

many thanks for the help, its much appreciated!

/--- Paul

[RoadRash]

The captionEval line is still in your highslide.config.js file in your live page.

2010-04-19_0114.png (37.73 KiB) Viewed 6488 times

When you have removed it, you need to move the long text in the title tag for the two last images to highslide-caption divs as you have for the first image.

[peeps54]

mmmm, did do that, uploaded it (i thought) many many thanks RoadRash

[peeps54]

right, looks like it now works begining to understand it (just)

2 questions if I may ask?

the top pic when you hover says "title text", (the other 2 shows the embellisher etc)

1. I assume each hover show can be different text?

2. and where are they getting the text from?

best regards Paul

[RoadRash]

The hover text is the text from the title attribute. This text can be different for each image by changing the text inside the title attribute.