Avatar billede l_otto Nybegynder
23. april 2003 - 20:34 Der er 16 kommentarer og
1 løsning

Image selector

Hej med jer.,,

Jeg leder efter et script som denne her:

http://www.bilbasen.dk/biler/forhandlere/showcar.asp?id=236800058

så når jeg laver mouseover eller on skifter billedet i midten.....

Det skal helst være freeware......

Bare et link ville være super...

Peter
Avatar billede grunken Nybegynder
23. april 2003 - 21:07 #1
kun en hurtig test, men det burde virke : klip og prøv

<script>
  function skiftbillede(billede){
    if (document.getElementById) {
      document.getElementById('pic').src = billede;
    }}
</script>

<img name="pic" id="pic" src="" height="300" Width="400"><br>

<a href="billede.jpg" onmouseover="skiftbillede(this.href);">Her</a><br>

eller:

<img src="minibillede.jpg" href="billede.jpg" onmouseover="skiftbillede(this.href);">

-Grunken
Avatar billede l_otto Nybegynder
23. april 2003 - 21:11 #2
jeg har lige fundet et andet.... sorry,,
Avatar billede grunken Nybegynder
23. april 2003 - 21:13 #3
fed kommentar ;D

og i den rigtige exp-stil skal du så linke til den herinde!

inden du tager dine points igen!
Avatar billede l_otto Nybegynder
23. april 2003 - 21:21 #4
ok rolig.. jeg test lige om dit er bedre :-)
Avatar billede l_otto Nybegynder
23. april 2003 - 21:24 #5
din er bedre..

nu skal jeg bare have en mouseout så den går tilbage til <img name="pic" id="pic" src="" height="300" Width="400">

så er 200 p dine :-)
Avatar billede l_otto Nybegynder
23. april 2003 - 21:34 #6
jeg fandt selv ud af det.. he he :-)
Avatar billede l_otto Nybegynder
23. april 2003 - 21:35 #7
svar mig lige så du jan få dine point...
Avatar billede grunken Nybegynder
23. april 2003 - 21:38 #8
Jeg ligger et svar :)

Men lad være med at give mig 200 points for det!

giv mig 50, det var et let spørgsmål....og tag de 150 selv, så du har flere points til at få hjælp en anden gang :)
Avatar billede l_otto Nybegynder
23. april 2003 - 21:40 #9
jamen jeg har brugt to timer på at finde det script... så det er vel fortjent........ :-)
Avatar billede dd-man Nybegynder
11. maj 2003 - 02:41 #10
Hej grunken:
Leger også med din kode... den virker, men...

Er det muligt at få den til at virke i Netscape og Mozilla? synes den ligner at den prøver... men den skal nok lige skubbes med lidt kode måske? :)

Har du nogen løsning... på forhånd tak :)
Avatar billede roenving Novice
11. maj 2003 - 02:59 #11
Den kilde l_otto peger på, bruger images arrayet, så hvis du skifter getElementById ud med images ...

-- så burde den virke fra NN3/IE4 ...
Avatar billede dd-man Nybegynder
11. maj 2003 - 03:22 #12
hvad mener du?

sådan noget her?:
document.getElementByImage ?
document.getImageById ?
Avatar billede roenving Novice
11. maj 2003 - 03:27 #13
document.images[].src osv...
Avatar billede grunken Nybegynder
11. maj 2003 - 03:29 #14
hejsa dd-man

nedenstående burde tage nogenlunde højde for alle browserne :)

<script language="JavaScript">
function vis(objekt, pic) {
    if (document.getElementById && document.getElementById(objekt) != null){
        vis = document.getElementById(objekt).src = pic;
        vis = document.getElementById(objekt).style.visibility = 'visible';}
    else if (document.layers && document.layers[objekt] != null){
        document.layers[objekt].src = pic;
        document.layers[objekt].visibility = 'visible';}
    else if (document.all){
        document.all[objekt].src = pic;
        document.all[objekt].style.visibility = 'visible';}
}
</script>

<a href="billede.jpg" onMouseOver="vis('billede',this.href)">Test</a><br>

<img id="billede" style="visibility:hidden;">

Håber det var det du søgte :)
Avatar billede dd-man Nybegynder
11. maj 2003 - 12:26 #15
Ja'eh...jeg kan ikke få den til at virke i Mozilla og Netscape, kun i IE.

I Netscape og Mozilla, kommer billedet ikke frem... eller også har jeg lavet koden forkert...

<?php
$ud_forste = mysql_fetch_array($hent_forste);
//henter bare det første billede som skal vises fra starten af

echo "<img src=\"$ud_forste[billede]\" name=\"billede\" id=\"billede\" height=\"170\" Width=\"265\" style=\"padding: 5px;\"><br>";

while ($ud_image = mysql_fetch_array($hent_billeder)) {
// henter 4 billeder (og udskriver dem henholdsvis som 4_1.jpg, 4_2.jpg osv.)
echo "<img src=\"$ud_image[billede]\" href=\"$ud_image[billede]\" OnMouseOver=\"SkiftBilledeUd('billede',this.href);\" height=\"48\" width=\"60\" style=\"padding: 4px;\">";
}
?>

og funktionen er:

<script type="text/JavaScript" language="JavaScript">

function SkiftBilledeUd(objekt, pic) {
if (document.getElementById && document.getElementById(objekt) != null){
vis = document.getElementById(objekt).src = pic;
vis = document.getElementById(objekt).style.visibility = 'visible';}
else if (document.layers && document.layers[objekt] != null){
document.layers[objekt].src = pic;
document.layers[objekt].visibility = 'visible';}
else if (document.all){
document.all[objekt].src = pic;
document.all[objekt].style.visibility = 'visible';}
                }
</script>


Håber du lige kan se hvad der kunne være galt... :)
// PHP koden skulle være god nok...
// satte den bare med, da det måske vil være lettere at se tingene...
Avatar billede dd-man Nybegynder
11. maj 2003 - 12:26 #16
og ja, burde nok oprette mit eget spørgsmål :)
gør jeg også hvis det virker
Avatar billede dd-man Nybegynder
11. maj 2003 - 14:05 #17
grunken:
Så er mit eget spørgsmål klar, hvis du lige ville kigge forbi grunken, tak :)

Link: http://www.eksperten.dk/spm/351141
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester