Toon posts:

Wie kan dit en hoe !!!

Pagina: 1
Acties:
  • 56 views sinds 30-01-2008

Verwijderd

Topicstarter
Hallo,

ik heb hier een voorbeeld van wat ik ongeveer wil,

http://www.id-t.com/portal/page-backstage-partypictures.php

je ziet hier kleine plaatjes en als je op zo'n plaatje klikt wordt hij mooie in het grotere gedeelte geladen.
Nu zie ik dat dit PHP is, maar is hier ook een andere oplossing voor bijvoorbeeld met javascript, of kan ik ook als ik op zo'n klein plaatje klikt dat hij dan in een andere layer w0rdt getoont.
Maar het moet niet zo zijn dat ik 40HTML pagina's ga maken om dit effect te krijgen er moet toch een makkelijke manier zijn.

  • ShadowBumble
  • Registratie: Juni 2001
  • Laatst online: 22:06

ShadowBumble

Professioneel Prutser

http://www.hotscripts.com
http://www.phpfreaks.com

Staan beide een hoop scripts zal vast dat script ook wel tussen staan alleen zal je zelf hier en daar wat moeten veranderen om dat effect te krijgen.

"Allow me to shatter your delusions of grandeur."


Verwijderd

Iframe?

Gewoon een iframepje maken, en daarnaast de plaatjes zo neerzetten.
Desnoods 2 HTMLs met 1 die iframe, en 1 die thumbnails, dat je de thumbs laat weergeven in de iframe in het andere venster (even naampjes geven, en een target in de thumbnails' '<a href=' )

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:15

crisp

Devver

Pixelated

Ga eens een JS tutorial lezen, en verbaas je over de mogelijkheden! :)

Je zult moeten denken in de trant van: zet alle plaatjes in een array en creeer aan de hand van die array je html.
Zo heb ik ook een soortgelijke pagina waar ik > 300 schilderijen als thumbs laat zien met links naar de grote versies, en waar je doorheen kunt bladeren. Het lijken dus meerdere pagina's, maar is eigenlijk gegenereerd door 1 javascript.

Een beetje zelf-educatie lijkt me hier het beste advies!

Intentionally left blank


Verwijderd

Je maakt gewoon links een tabel met thumbnails die je linkt naar de vergrote foto.
Die vergrote foto laad je in de linkerkant van de tabel.

Het is met php goed te doen (haalt foto's met eigen id uit database), maar ook met Javascript is het te doen hoor.
Je geeft gewoon aan een link mee (.html?foto=henk.jpg) welke dan foto uitleest en henk.jpg links in de tabel plaast.

Hoe je een url uitleest staat genoeg op GoT, dus hiermee zou je het moeten kunnen.
Met een iframe zou het ook goed kunnen, waar je dan de vergrote plaatjes inlaadt.
Een div wordt lastig omdat je innerhtml moet aanpasen wat erg irritant is..

Verwijderd

Je kunt met javascript een andere afbeelding laden door de src van de bestaande afbeelding te wijzigen:
code:
1
document.images['naamvanafbeelding'].src = 'image.jpg';

Dat kun je in de meeste javascript tutorials wel vinden. Het is dan verder aan jou om er een functie voor te maken, en die aan te roepen bij een klik op een thumbnail.
Pagina: 1

Dit topic is gesloten.