animated gif op jpg

Status
Niet open voor verdere reacties.
S

straccia

Gebruiker
Lid geworden
3 okt 2008
Berichten
5
Ik ben bezig met het maken van een website voor een vriend van me. Nu is het zo dat op twee jpg buttons een animated gif (op index04.jpg een NL-vlag en op index05.jpg een ENG vlag) moet komen te staan. Ik ben niet zo thuis in beeldbewerking maar heb al wel het een en ander geprobeerd, met als resultaat een stilstaande gif op de buttons, in plaats van een animated gif.

  1. Wie kan me uitleggen hoe ik dit in Photoshop 7 - of in ImageReady 7 - kan doen?
  2. of... welke vriendelijke 'beeldbewerkingsvirtuoos' zou dit klusje even voor me willen klaren (als je weet hoe het moet is het waarschijnlijk zo klaar?)

Graag hoor ik van jullie!

Hartelijk dank,
straccia
 

Bijlagen

  • index04.jpg
    index04.jpg
    3,4 KB · Weergaven: 21
  • index05.jpg
    index05.jpg
    3,5 KB · Weergaven: 20
  • netherlands_gs.gif
    netherlands_gs.gif
    5,9 KB · Weergaven: 22
  • unitedkingdom_gs.gif
    unitedkingdom_gs.gif
    7,2 KB · Weergaven: 19
Laatst bewerkt:
De animated gif moet je met irfanview uit elkaar rukken in de losse plaatjes.
(Dit worden dan bmp plaatjes)
Dan in bewerkingsprogramma de achtergrond als achtergrond inladen,
en de losse vlaggen in opvolgende frames zetten.
nu exporteren als animated gif.

:cool:
 
:shocked:
Nou, dat kan de beste man dan voorlopig even vergeten want dit gaat me voorlopig nog even boven mijn pet (ik zit nog op het knippen, plakken en invoegen-niveau). :confused:

Heel erg bedankt in ieder geval voor de tip. Dit ga ik zeker een keer uitproberen.

(mocht iemand het leuk vinden om dit voor me te doen, dan houd ik me uiteraard aanbevolen).

Hartelijke groet,
straccia(tella)
 
Laatst bewerkt:
Kan ook anders, met instelling als achtergrondplaatje.

HTML: 
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<title>animated flag</title>
<!--Pagina gemaakt op Sunday, October 05, 2008 11:48:57 -->
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta name="description"  CONTENT="korte beschrijving van de pagina">
<meta name="keywords"  CONTENT="trefwoorden, die, slaan, op, de, pagina">
<meta name="publisher" CONTENT="Jan Jansen">
<meta name="Author" content="Peter Vazed">
<meta name="robots" content="index, follow">
<meta name="revisit" content="7 days">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">

 <style type="text/css" media="screen">
 body
{
margin: 10;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
}
</style>
</head>

<body >

<img src="index04.jpg" width="72" height="71" alt="">
<img src="netherlands_gs.gif" width="38" height="27" alt="">

<table  width="95%" border="1" cellspacing="0" cellpadding="4" bgcolor="#ffffd2">
	<tr>
		<!-- Row 1 Column 1 -->
		<td style="background-image: url(index04.jpg); width:72px ; height: 71px">
	<div style="padding:14px;">	<img src="netherlands_gs.gif" width="38" height="27" alt=""></div>

		</td>
		<!-- Row 1 Column 2 -->
		<td >
			
		</td>
	</tr>
</table>

</body>

</html>

:cool:
 
Hi Peter,

Lief van je! Ik heb je pagina getest en het ziet er inderdaad prima uit.

Helaas kan het echter niet zo binnen de website waar ik mee bezig ben. Dat is namelijk een psd-template die is opgebouwd uit deelimages die op exact een bepaalde plaats in de html code moeten staan. Jouw mooi gevonden code had dus op een andere site prima kunnen werken maar hier helaas niet. Het moet hier nl. écht een jpg of gif zijn als image04, exact dat uiterlijk en grootte, mét de animated flag erop. Om je een indruk te geven, zie www.huismuts.nl, waar de betreffende pagina tijdelijk is opgezet.

Ach, het zou mooi geweest zijn, maar zó ziet het er ook al leuk uit, toch?

Dank voor je inzet en hartelijke groet,
straccia
 
Duik je toch in de code.
Hier staatie:
<td width="72"><a href="/nl/index.html"><img src="images/index04flag.jpg" alt="" width="72" height="71" border="0"></a></td>

Dus td met background plaatje en vlag
maken als ik had aangegeven.

:cool:
 
Hee, warempel, het werkt! Kijk maar eens op www.huismuts.nl

Dankjewel! Zo laat ik het voorlopig staan. Voor de langere termijn wil ik toch wel een andere oplossing zoeken omdat je - als je de pagina oproept - eerst een paar witgele vlakken te zien krijgt op de plaats van de buttons omdat de achtergrond later dan de animated gif wordt ingeladen.

Dankjewel voor je inzet - en het resultaat!

Hartelijke groet,
straccia
 
Nou, hier ziet het er gelijk goed uit.
Geen witte vlakjes te zien.
Kan aan je internet kabelsnelheid liggen.

:cool:
 
Of aan de browser, heb ik gemerkt. In Mozilla Firefox merk je er niets van en in Internet Explorer wel maar ik denk dat het uiteindelijk te verwaarlozen is. Ik ben er in ieder geval heel blij mee zo! :thumb:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan