• Please use real names.

    Greetings to all who have registered to OPF and those guests taking a look around. Please use real names. Registrations with fictitious names will not be processed. REAL NAMES ONLY will be processed

    Firstname Lastname

    Register

    We are a courteous and supportive community. No need to hide behind an alia. If you have a genuine need for privacy/secrecy then let me know!
  • Welcome to the new site. Here's a thread about the update where you can post your feedback, ask questions or spot those nasty bugs!

What's the syntax for "mouse-overs" in the forum?

Asher Kelman

Asher Kelman

OPF Owner/Editor-in-Chief
Does anyone know what we should use for coding for a mouse-overs? It is especially useful for showing the effects of retouching.

Asher
 
R

Ruben Alfu

New member
Hi Asher,

That would be very convenient, in certain cases that's the best way to compare two images. If you want to implement this as part of the functionality of the forum, it may require customizing the forum script, most probably it will take more than adding a piece of code to a single file. Do you have an example of this feature in some forum?

Regards,

Ruben
 
Asher Kelman

Asher Kelman

OPF Owner/Editor-in-Chief
Ruben Alfu said:
Hi Asher,

That would be very convenient, in certain cases that's the best way to compare two images. If you want to implement this as part of the functionality of the forum, it may require customizing the forum script, most probably it will take more than adding a piece of code to a single file. Do you have an example of this feature in some forum?

Regards,

Ruben
Click to expand...

One way is to have markers for each version below or to the side of the image box and that's the master design supposed to be making for me already for the past 4 years!!!!!! Something like that is used by here with markers below where the picture is.


In the retouching website Clipping24 there are two interesting implementations of this general idea. First is a window shade which can be moved horizontally across a picture.


Next is an image which is clicked on and then switches from version A to version B here

Now here's an example of classic mouse over for before and after.

If you are looking at this, be careful that we don't do something illegal in taking code that's not in the public domain that everyone uses. I'd rather pay someone to engineer something so as not to be stealing anything from anyone. If I can license code, then that's good too!

Let me know if you can find coding in the public domain, that which we can license or else if you know of someone I can have do the coding for OPF.

Asher
 
R

Ruben Alfu

New member
Asher,

What I don't remember is having seen image rollovers implemented in forums with BB Code. I'll look further into this... hopefully someone comes up with an answer!

Ruben
 
D

Dawid Loubser

Member
Hi Asher, and all - it's a very trivial matter to enable this. First of all, in this forum, we post in "BBCode" - i.e. a simpler language that is transformed into HTML (which your web browser interprets and displays). For example, we post:

Code: 
[img]http://foo.com/picture.jpg[img]

Which gets converted to (as a simplification):
Code: 
<img src="http://foo.com/picture.jpg"/>

For security reasons, the forum software does not allow posters to post HTML/JavaScript themselves, usually, so you can't do a mouse-over image yourself if the forums don't have a template defined for it.

In the administrative control functionality of this forum software, I understand it's rather easy to install new BBCode templates (which transforms the former into the latter) and add them to the forum safely. I can probably write the code and install it in two minutes, if somebody gives me access :) I could define a template like:

Code: 
[interactive_img]
 [default]http://foo.com/picture.jpg[/default]
 [mouseover]http://foo.com/picture_alt.jpg[/mouseover]
[/interactive_img]

or whatever you guys think would be friendly enough - and then the transformation to HTML + JavaScript. If we go a route liek this, we could go further, i.e. also add a 'click' image, to see two alternatives, etc Any suggestions as to what you'd like? If I don't get access to install this myself, I am happy to give the code template a shot in anyway, somebody else can try install it, and if it doesn't work, fix and re-try (slow feedback cycle though).
 
You must log in or register to reply here.
Top