login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Image on image

Offline drunkenoldma - 29/03/2006 20:24
Avatar van drunkenoldmaHTML interesse Hey allemaal,
keb een vraagje... Ik zou willen 2 (of meer) gifs (of pngs) op mekaar zetten, (ze moeten wel transparant zijn), zodat het lijkt alsof er maar 1 image is, en dat deze verandert

Thx

Drunkenoldma

11 antwoorden

Gesponsorde links
Offline lemoinet - 29/03/2006 20:26
Avatar van lemoinet PHP gevorderde als ze transparant moeten zijn kan je best gifs nemen, IE heeft nogal problemen met transparant png

je kan elke foto in een div zetten en die divs op elkaar positioneren
Offline Simon - 29/03/2006 20:27
Avatar van Simon PHP expert
Citaat:
en dat deze verandert

wat bedoel je hiermee?
Offline drunkenoldma - 29/03/2006 20:32 (laatste wijziging 29/03/2006 20:58)
Avatar van drunkenoldma HTML interesse wel ja, dat dat 1 image wordt
EDIT: of een dynamic image...

EDIT2: En met de divs werket nie, of ik snap nie hoe je ze over mekaar moet zetten...
Offline vinTage - 29/03/2006 21:21
Avatar van vinTage Nieuw lid flash 

en divs hoogte kan je met Z-index bepalen.
Offline drunkenoldma - 29/03/2006 21:52
Avatar van drunkenoldma HTML interesse jah, maar is nog nooit gelukt om flash met mysql te gebruike, en die div tags, lukke nog altij nie, die 2 images blijve gewoon staan 
Offline vinTage - 29/03/2006 21:54 (laatste wijziging 29/03/2006 21:55)
Avatar van vinTage Nieuw lid flash + mysql is niet zo moeilijk, ik zou zeggen "ram een nieuw topic in flash" 

ps: wel aantonen dat je iig al wel de moeite hebt genomen om het te "proberen" met wat codes etc he 
Offline Ontani - 29/03/2006 22:16
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 we zullen eens iets proberen é:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="position: relative;">
  2.  <div style="position: absolute; width: 100px; height: 100px; top: 0px; left: 0px; background-image: url('afbeelding1.png'); z-index: 0"></div>
  3.  <div style="position: absolute; width: 100px; height: 100px; top: 0px; left: 0px; background-image: url('afbeelding2.png'); z-index: 1"></div>
  4. </div>
Offline drunkenoldma - 29/03/2006 22:25
Avatar van drunkenoldma HTML interesse Ontani:

Werkt niet, de images komen gewoon onder mekaar, dat kan mss door m'n apache, ofwel omdat het mss html voor moet zijn (wat ik ten zeerste betwijfel)

vinTage:

Denk wel dat het cool moet zijn in flash enzo maar ik heb wat problemen met flash 8, namelijk dat ik niet kan exporten lol 
Kan glijk ook nie uninstalle, zal m'n pc binnenkort es formatere.

Bedankt voor de moeite!
Drunkenoldma
Offline Ontani - 29/03/2006 22:29 (laatste wijziging 29/03/2006 22:29)
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 dan zou ik mezelf toch eens vragen beginnen stellen:
http://ontani.no-ip.com/Zindex
http://ontani.no-ip.com/Zindex/afbeelding1.png
http://ontani.no-ip.com/Zindex/afbeelding2.png
Offline smoos - 30/03/2006 07:03 (laatste wijziging 30/03/2006 09:05)
Avatar van smoos PHP gevorderde wat je ook kan doen:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div style="width: 100px; height: 100px; background-image: url('afbeelding1.png');">
  2.   <div style="width: 100px; height: 100px; background-image: url('afbeelding2.png');">
  3.   </div>
  4. </div>


OP deze manier heb je het zonder z-index
Offline ReneeJ - 30/03/2006 08:44
Avatar van ReneeJ HTML interesse kijk maar naar de broncode in die eerste links van Ontani.
Het werkt gewoon hoor
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.218s