Toon posts:

[XSLT] tumbnail. Plaatje met link

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben al een tijdje bezig om een portfolio te bouwen in xml & xslt.
Alles werkt prima... Alleen ik kom er niet uit hoe ik een plaatje met als je er op klikt een link, te kunnen maken...

Wat me wel lukt:
XSLT
code:
1
2
3
<xsl:template match="imglink">
    <a class="alink" href="{@href}">[img]"{@href}"[/img]</a>
</xsl:template>


XML
code:
1
2
3
4
      <image>
       <img href="artwork/tek1_1.jpg">tek1</img>
       <imglink href="artwork/tek1.jpg">artwork/tek1.jpg</imglink>
      </image>


Alleen wil ik niet dat de url van het plaatje geladen wordt maar een andere link.
(tumbnail idee.)

Is er iemand die me hiermee kan helpen, want ik kom er echt niet uit.

thanks,
Leonie

  • Tom-Eric
  • Registratie: Oktober 2001
  • Laatst online: 25-03-2025
Volgens mij moet onderstaande wel werken.
XSLT:
1
2
3
<xsl:template match="imglink">
    <a class="alink" href="{@href}">[img]"{../img/@href}"[/img]</a>
</xsl:template>

i76 | Webdesignersgids | Online Gitaarlessen & Muziekwinkels


Verwijderd

Als je een portfolio wilt maken, moet je er wel wat zinnigs in zetten. Waarom gebruik je geen XHTML als output?

  • Genoil
  • Registratie: Maart 2000
  • Laatst online: 12-11-2023
Verwijderd schreef op 06 oktober 2004 @ 20:19:
Als je een portfolio wilt maken, moet je er wel wat zinnigs in zetten. Waarom gebruik je geen XHTML als output?
:? bedoel je misschien XHTML als input, de output hier lijkt me toch gewoon wel xhtml? voor document-centric xml gebruik ik zelf wel altijd xhtml (evt ook als input voor xslt), veel beter dan zelf iets bedenken :)

Verwijderd

Genoil schreef op 06 oktober 2004 @ 20:29:

:? bedoel je misschien XHTML als input, de output hier lijkt me toch gewoon wel xhtml?
Je hebt gelijk, ik bedoel input, en toch ook eigenlijk weer niet. Als je nou meteen XHTML produceert, dan hoeft er namelijk helemaal niets meer getransformeerd te worden. Het kan echter nog steeds.
voor document-centric xml gebruik ik zelf wel altijd xhtml (evt ook als input voor xslt), veel beter dan zelf iets bedenken :)
Precies, waarom zou je zelf een bestandsstructuur verzinnen als je dezelfde informatie keurig in een XHTML document kwijt kunt? XSLT wordt volgens mij pas interessant als je documenten in verschillende vormen wilt presenteren.

  • Genoil
  • Registratie: Maart 2000
  • Laatst online: 12-11-2023
Verwijderd schreef op 06 oktober 2004 @ 20:33:
XSLT wordt volgens mij pas interessant als je documenten in verschillende vormen wilt presenteren.
Bedoel je verschillend als in bv XHTML versus SMIL of CML o.i.d.? Ik gebruik het nu ook met plezier voor aggregatie van verschillende xhtml sources, bijv. menu.xhtml + somepage.xhtml -> xhtml.

Daarnaast is het voor een gegeven opmaak (in CSS) toch vaak nog nodig extra "niet-content" elementen aan je output toe te voegen, zoals bijvoorbeeld een divje voor het centeren van je pagina. Dat heeft niks met content te maken, en wil ik dus ook niet in m'n xhtml sources hebben zitten.

En binnenkort ga ik eindelijk eens een site maken die zowel op een mobiele telefoon als op een normale pc bezocht moet kunnen worden. Waar je in browserscherm bijvoorbeeld zat ruimte hebt om een tabel met info in z'n geheel te laten zien, kun je er op een telefoon beter een lijst van maken plus een x aantal pagina's met 1 tabel-rij aan info per pagina.

offtopic:
sorry voor offtopic gaan maar ik geloof dat de eigenlijke vraag al door Tumtum was beantwoord...hoewel hij geloof ik de src en de href van plaatje heeft verwisseld :)

[ Voor 17% gewijzigd door Genoil op 06-10-2004 20:54 ]


Verwijderd

Topicstarter
sorry voor het late reply...

@Cheatah; nee, dit is voor een school opdracht, dat je een basic site kan bouwen onder xml, anders had ik zelf voor php met mysql gekozen... maarja.

thanks tumtummy; jouw manier werkt..
kheb het alleen iets veranderd:

xml
code:
1
2
3
4
      <image>
        <img href="artwork/tek1_1.jpg"></img>
        <imglink href="artwork/tek1.jpg"></imglink>
      </image>


xsl
code:
1
2
3
<xsl:template match="img"> 
<a class="alink" href="{../imglink/@href}">[img]"{@href}"[/img]</a> 
</xsl:template>


groetjes
Leonie
Pagina: 1