RetouchPRO

Go Back   RetouchPRO > Technique > Photo Retouching
Register Blogs FAQ Site Nav Search Today's Posts Mark Forums Read


Photo Retouching "Improving" photos, post-production, correction, etc.

Roll-overs on your website

Reply
 
Thread Tools
  #1  
Old 02-24-2009, 03:14 PM
Soul_of_Kilik's Avatar
Soul_of_Kilik Soul_of_Kilik is offline
Member
 
Join Date: Feb 2009
Location: Cape Town, South Africa
Posts: 52
Roll-overs on your website

Like this guy:

http://homepage.mac.com/gapodaca/digital/digital.html

How do you make that roll-over preview for a website?
Reply With Quote top
  #2  
Old 02-24-2009, 03:21 PM
Salomon's Avatar
Salomon Salomon is offline
Member
 
Join Date: Feb 2009
Location: Paris
Posts: 65
Re: Roll-overs on your website

this is javascript. i did a site once with this code. took me days to figure the code out.
you should try with flash, much more simple.

the code:
<script type="text/javascript" src="../GeneratedItems/CSScriptLib.js"></script>
<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_img_01_over = newImage('../_im/logo.data_/img_01-over.gif');
pre_fair1_01_fair1_03_over = newImage('fair1.data_/fair1_01-fair1_03_over.jpg');
pre_fair1_02_fair1_03_over = newImage('fair1.data_/fair1_02-fair1_03_over.gif');
pre_fair1_03_over = newImage('fair1.data_/fair1_03-over.gif');
pre_fair1_04_fair1_03_over = newImage('fair1.data_/fair1_04-fair1_03_over.gif');
pre_fair1_05_fair1_03_over = newImage('fair1.data_/fair1_05-fair1_03_over.gif');
pre_fair1_06_fair1_03_over = newImage('fair1.data_/fair1_06-fair1_03_over.gif');
pre_fair1_07_fair1_03_over = newImage('fair1.data_/fair1_07-fair1_03_over.jpg');
pre_fair1_01_fair1_04_over = newImage('fair1.data_/fair1_01-fair1_04_over.jpg');
pre_fair1_02_fair1_04_over = newImage('fair1.data_/fair1_02-fair1_04_over.gif');
pre_fair1_03_fair1_04_over = newImage('fair1.data_/fair1_03-fair1_04_over.gif');
pre_fair1_04_over = newImage('fair1.data_/fair1_04-over.gif');
pre_fair1_05_fair1_04_over = newImage('fair1.data_/fair1_05-fair1_04_over.gif');
pre_fair1_06_fair1_04_over = newImage('fair1.data_/fair1_06-fair1_04_over.gif');
pre_fair1_07_fair1_04_over = newImage('fair1.data_/fair1_07-fair1_04_over.jpg');
pre_fair1_01_fair1_05_over = newImage('fair1.data_/fair1_01-fair1_05_over.jpg');
pre_fair1_03_fair1_05_over = newImage('fair1.data_/fair1_03-fair1_05_over.gif');
pre_fair1_04_fair1_05_over = newImage('fair1.data_/fair1_04-fair1_05_over.gif');
pre_fair1_05_over = newImage('fair1.data_/fair1_05-over.gif');
pre_fair1_06_fair1_05_over = newImage('fair1.data_/fair1_06-fair1_05_over.gif');
pre_fair1_07_fair1_05_over = newImage('fair1.data_/fair1_07-fair1_05_over.jpg');
preloadFlag = true;
}
}

// --></script>
Reply With Quote top
  #3  
Old 02-24-2009, 03:29 PM
Soul_of_Kilik's Avatar
Soul_of_Kilik Soul_of_Kilik is offline
Member
 
Join Date: Feb 2009
Location: Cape Town, South Africa
Posts: 52
Re: Roll-overs on your website

Whoa!!

I don't sprechen ze Greec man! What the hell is that? It looks like the matrix. Thanks though. I guess Flash it'll have to be.
Reply With Quote top
  #4  
Old 02-24-2009, 04:12 PM
Salomon's Avatar
Salomon Salomon is offline
Member
 
Join Date: Feb 2009
Location: Paris
Posts: 65
Re: Roll-overs on your website

actually this is the code that load ALL his images and ALL rollovers.
but you could just play with on of those lines.
this in the Html header calls the javascript:

<script type="text/javascript" src="../GeneratedItems/CSScriptLib.js"></script>
<script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
if (document.images) {
}
}

// --></script>

--------------------------------------
and this creates the rollover function :

pre_img_01_over = newImage('../_im/logo.data_/img_01-over.gif');
pre_fair1_01_fair1_03_over = newImage('fair1.data_/fair1_01-fair1_03_over.jpg');


create you own images name them like above and see how the code interact...
Reply With Quote top
  #5  
Old 02-24-2009, 04:32 PM
Steve13 Steve13 is offline
Senior Member
 
Join Date: Jan 2009
Location: Central Florida
Posts: 203
Re: Roll-overs on your website

If you have Creative Suite with Dreamweaver included, it is a lot easier:
http://www.developingwebs.net/dreamweaver/rollover.php
Reply With Quote top
  #6  
Old 02-24-2009, 04:39 PM
Salomon's Avatar
Salomon Salomon is offline
Member
 
Join Date: Feb 2009
Location: Paris
Posts: 65
Re: Roll-overs on your website

right steve, but dreamweaver allows you just 1 image rollover. as with flash or java you get has many as you want in one single image.
Reply With Quote top
  #7  
Old 02-24-2009, 06:12 PM
Steve13 Steve13 is offline
Senior Member
 
Join Date: Jan 2009
Location: Central Florida
Posts: 203
Re: Roll-overs on your website

Ok, right. I didn't see the previews with the Layers window on them. I was looking at the top shoe one. That's pretty slick.
Reply With Quote top
  #8  
Old 03-01-2009, 01:02 AM
CoreyByas's Avatar
CoreyByas CoreyByas is offline
Member
 
Join Date: Oct 2008
Location: Regina, Sk
Posts: 31
Re: Roll-overs on your website

Here's a link for a rollover generator http://javascript.internet.com/gener...ad-images.html

The click generate & the code is laid out for you. Just copy & paste the code.

If thats what you are looking for that is.
Reply With Quote top
Reply

  RetouchPRO > Technique > Photo Retouching


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
reasonable website host bella Your Website 13 03-26-2010 11:14 PM
Photo viewer for my website JOELOHR Your Website 12 11-19-2009 04:43 PM
Retoucher's Rights for Website Use newbieretoucher Legal Issues 5 10-13-2009 05:18 PM
my new website Ubi Your Website 10 01-20-2009 06:01 PM
My new Wedding & Portrait Photography website shellby Photography 1 08-03-2008 05:14 PM


All times are GMT -6. The time now is 03:32 AM.


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
Copyright © 2016 Doug Nelson. All Rights Reserved