ho creato una immagine tipo bacheca in svg, formata da uno sfondo e tanti fogli sovrapposti e ruotati sparsi sullo sfondo (vedi esempio). vorrei che al passaggio del mouse su uno di questi esso diventi più grande e in primo piano, magari anche contro-ruotato in modo da comparire dritto. cliccando sull'articolo ingrandito si accede alla pagina dell'articolo.

per ora è semplicemente una mappa di un jpg esportato dall'svg originale ma vorrei utilizzare il codice xml per fare una cosa più professionale...

per ora mi basterebbe rendere cliccabili gli articoli dell'svg, senza dover ricreare la mappa quando un nuovo articolo deve essere inserito o quando voglio cambiare la disposizione delle immagini. In pratica dovrei inserire un href per ogni immagine ma... non ci riesco! Non so dove! I campi xlink:href="..." non dovrebbero essere già delle cose cliccabili?

Il codice xml è del tipo:
codice:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://web.resource.org/cc/"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="744.09448819"
   height="1052.3622047"
   id="svg2"
   sodipodi:version="0.32"
   inkscape:version="0.45.1"
   sodipodi:docbase="/home/fisico/Scrivania"
   sodipodi:docname="rassegna.svg"
   inkscape:output_extension="org.inkscape.output.svg.inkscape">
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="0.49497475"
     inkscape:cx="615.01252"
     inkscape:cy="627.67812"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     inkscape:window-width="1274"
     inkscape:window-height="694"
     inkscape:window-x="0"
     inkscape:window-y="26" />
  <defs
     id="defs4">
    <filter
       inkscape:collect="always"
       id="filter4099">
      <feGaussianBlur
         inkscape:collect="always"
         stdDeviation="16.159275"
         id="feGaussianBlur4101" />
    </filter>
  </defs>
  <metadata
     id="metadata7">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:groupmode="layer"
     id="layer1"
     inkscape:label="Livello 1">
    <image
       y="5.8853354"
       x="8.0235176"
       id="image4143"
       height="1037.9729"
       width="728.11176"
       sodipodi:absref="/home/comune/gustimisti.it/sipario rosato.png"
       xlink:href="/home/comune/gustimisti.it/sipario rosato.png" />
    <image
       id="image2447"
       x="205.00418"
       y="69.128159"
       sodipodi:absref="/home/comune/gustimisti.it/html/images/varie/ilgiornalediostia25settembre2004.jpg"
       height="280.37518"
       xlink:href="/home/comune/gustimisti.it/html/images/varie/ilgiornalediostia25settembre2004.jpg"
       
       width="318.03186" />

   ... etc etc etc...

  </g>
</svg>
alla fine
vorrei inserire funzioni tipo onmouseover="ingrandisci(evt,10)" o simili...

mi sono girato i tutorial ma a quanto pare non è un problemino da 2 soldi :master:
potete aiutarmi?

grazie