CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

klaske_ko Nybegynder

09. januar 2009 - 19:07 Der er 30 kommentarer og
1 løsning

Tryk på billede, åben i pop op hvis stor

Hej hej :)

Jeg sidder og roder med et galleri - Og jeg kunne godt tænke mig, at hvis billedet er over

800x600 og 600x800

At det så kommer som en pop up når du trykker på det thumb'en

Se eksempel her:

Skal åbne alm (dog hvis det ikke er muligt også bare i pop up)
http://mesmerize.dk/viewgallery.php?cid=1&pid=1

Skal åbne i popup
http://mesmerize.dk/viewgallery.php?cid=1&pid=2

Koderne ligger på

http://mesmerize.dk/upload.phps
http://mesmerize.dk/preupload.phps
http://mesmerize.dk/viewgallery.phps

Synes godt om

jakobdo Ekspert

09. januar 2009 - 19:18 #1

Du kunne kigge på lightbox.
Når du trækker billeder ud (eller når du lægger dem i din database, så kunne du smide højde/bredde med).
Hvis højde eller bredde er for stor, lav lille thumb med mulighed for popup.

Synes godt om

klaske_ko Nybegynder

09. januar 2009 - 19:25 #2

Det forstod jeg slet ikke det der :(

Synes godt om

jakobdo Ekspert

09. januar 2009 - 20:00 #3

Jeg kunne vende den om, og sige jeg heller ikke forstod dit spørgsmål 100% :o)
Hvad er det præcist du ønsker ?
Har du en side med en masse thumb ?
Hvis ja, hvad skal der ske efterfølgende ?

Synes godt om

klaske_ko Nybegynder

09. januar 2009 - 20:19 #4

Jeg får en masse billeder op, hvor der er det almindelige billede og så et thumbnail.

http://mesmerize.dk/viewgallery.php?cid=1 - her er oversigten, med thumbnails.

Når du trykker på den længst til venstre, åbner den i en god størrelse, så den skal åbne som den gør.
Men billedet længst til højre, er mega mega stort, og ville være lækkert hvis det kunne åbne i en pop up i stedet, for ellers ødelægger den designet.

Synes godt om

jakobdo Ekspert

09. januar 2009 - 20:53 #5

viewgallery.php

Du har jo koden som håndtere:
// Full Size View of Photo

I linje 124:
<img src='".$images_dir."/".$photo_filename."' border='0' alt='".$photo_caption."' />

Der kan du jo lave:
hvis højde/bredde er over X/Y, så:
<script>window.popup();</script> //og selvfølgelig meget mere...

Jeg ville nok stadig lave det i lightbox. :o)

Har du højde/bredde gemt i databasen ?
Hvis nej, kig på getimagesize()

Synes godt om

klaske_ko Nybegynder

09. januar 2009 - 22:26 #6

Jeg downloadede : http://www.lokeshdhakar.com/projects/lightbox2/

Før misforstod jeg, for jeg troede det var en textbox du mente :$

Men jeg kan ikke få det til at virke..

Koden er ændret her : http://mesmerize.dk/viewgallery.phps

Synes godt om

jakobdo Ekspert

09. januar 2009 - 22:57 #7

Hvad har du ændret af kode ?

Synes godt om

klaske_ko Nybegynder

10. januar 2009 - 05:17 #8

Jeg har redigeret i linje 120!

fra : <a href='viewgallery.php?cid=$cid' title='".$photo_caption."'>$category_name</a>

til : <a href='viewgallery.php?cid=$cid' rel='lightbox' title='".$photo_caption."'>$category_name</a>

I det der står på http://www.lokeshdhakar.com/projects/lightbox2/#how at du bare skal sætte rel="lightbox" ind.

Jeg har naturligvis også husket i tagget <head></head> at smide både den tilhørende case fil og javescripts ind. :-)

Men hvad er der gjort forkert?

Synes godt om

jakobdo Ekspert

10. januar 2009 - 09:40 #9

Som jeg ser det, så mangler du stadig noget tjek mod højde og bredde.

Synes godt om

klaske_ko Nybegynder

10. januar 2009 - 16:23 #10

ja, det var det der med getimagesize(); men hvordan bruger jeg det i java? (for det er ikke prøvet før)

Synes godt om

jakobdo Ekspert

10. januar 2009 - 16:35 #11

Det bruger du ikke i java.
Det bruger du i php.

Synes godt om

klaske_ko Nybegynder

10. januar 2009 - 16:45 #12

Ja, men det script .. lightscritbox er javascript.. Det var det jeg mente :) Skal jeg gøre noget ved det?

Synes godt om

jakobdo Ekspert

10. januar 2009 - 17:15 #13

Ja og nej.
Du skal jo først med php / getimagesize afgøre om billedet skal vises eller poppes up.
Derefter kan vi tage lightbox.

Synes godt om

klaske_ko Nybegynder

10. januar 2009 - 17:38 #14

Altså, nu er jeg jo helt faldet for det lightbox satan der, det er jo skide smart..! Jeg vil gerne have det på alle, uanset størrelse ;) Det er simpelthen så fed en effekt :D

Synes godt om

jakobdo Ekspert

10. januar 2009 - 18:13 #15

Jamen så får du et svar.
Smid evt. billederne på som et imageset, så får du next/prev knapper.

Synes godt om

klaske_ko Nybegynder

10. januar 2009 - 18:35 #16

godt så :) Jeg takker - dog - Imageset? (jeg spørger dumt..) hvad er det?

Synes godt om

klaske_ko Nybegynder

10. januar 2009 - 19:11 #17

Må jeg godt spørge hvad det er jeg gør forkert siden det ikke kommer i den lightbox? :(

Synes godt om

jakobdo Ekspert

10. januar 2009 - 19:13 #18

Mangler du ikke disse 2 scripts:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>

Synes godt om

klaske_ko Nybegynder

10. januar 2009 - 19:50 #19

Det var fordi jeg lige prøvede en af de tidligere versioner ;) Jeg har lagt dem ind igen.. og det virker sådan næsten.. Jeg får den hvide box op, og den "loader" men mere sker der ikke :(

Synes godt om

jakobdo Ekspert

11. januar 2009 - 00:15 #20

Og du har scriptene i korrekt rækkefølge ?
Og har ellers tilføjet koden fuldstændig som beskrevet ?
Og korrekte stier til billerne som skal vises ?

Synes godt om

klaske_ko Nybegynder

11. januar 2009 - 04:04 #21

Jep, jep og.. jep.. Du kan prøve at kigge i kildekoden på siden.. Det skulle være 100% det som er.. :)

Synes godt om

jakobdo Ekspert

11. januar 2009 - 12:29 #22

Jeg ved ikke hvad du har lavet galt.
Men jeg har nu prøvet at "stjæle" koden direkte fra eksemplet:
http://www.codebreaker.dk/leg/859152.php

Synes godt om

vejgaard82 Nybegynder

11. januar 2009 - 15:17 #23

jakobdo kunne man ikke tilføje så man kunne trykke næste og tilbage på billede?
Luk evt.

Synes godt om

vejgaard82 Nybegynder

11. januar 2009 - 15:20 #24

Og kunne du ikke også lave så du f.eks. have grupper med thumbs på?

Synes godt om

jakobdo Ekspert

11. januar 2009 - 15:24 #25

Det laver du netop på denne måde:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Synes godt om

vejgaard82 Nybegynder

11. januar 2009 - 16:00 #26

ahh så kan man trykke næste og tilbage. Men hvad med det med mapper?

F.eks.
En mappe hedder Natur i den hedder de måske dyr, blomster osv. Og andre har bare mapper med Biler på forsiden. Så skulle den gerne vise noget thumbs på dem selv.

Synes godt om

jakobdo Ekspert

11. januar 2009 - 16:15 #27

vejgaard82: Jeg tror ikke jeg forstår ?

Synes godt om

vejgaard82 Nybegynder

11. januar 2009 - 16:37 #28

Så vil jeg prøve at forklare på en anden måde.

Galleri.php der er f.eks. 4 mapper man kan se.
Natur
Biler
Fest
Ferie

Under Natur og og ferie er der under mapper.

De mapper der er der skulle der gerne være thumbs på.

Synes godt om

klaske_ko Nybegynder

11. januar 2009 - 17:43 #29

#Jakobdo, jeg har også prøvet at lave et almindeligt eksempel i hmtl, og der virker det så gangske godt - Jeg tror det er fordi jeg har implementeret det forkert i PHP koden . Men jeg kan bare ikke se fejlen der i. :/

Synes godt om

klaske_ko Nybegynder

11. januar 2009 - 17:53 #30

SÅ! Har jeg fundet løsningen!

i linje 71 :
$result_array[] = "<a href='/photos/".$row[0].".jpg' rel='lightbox' title='".$photo_caption."'><img src='".$images_dir."/pic_".$row[2]."' border='0' alt='".$row[1]."' /></a>";

skrev jeg blot /photos/".$row[0].".jpg i stedet for /viewgallery.php?cid=1&pid=1

Det virker nu :)
ændrede jeg blot fra : viewgallery.php?cid=1&pid=1 til /photos/

Synes godt om

jakobdo Ekspert

11. januar 2009 - 20:41 #31

Super. :o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hent array key Af nemlig i PHP	3	17/05/202415:22	17/05/202416:30
iCal-feed og import til google kalender driller Af nemlig i PHP	11	09/05/202417:49	10/05/202421:28
Adgang til vandaflæsningsdata Af nemlig i PHP	4	22/04/202422:04	30/04/202421:08
Vælg post rækkefølge Af Mojo_dk i PHP	3	06/04/202418:40	07/04/202412:20
Hjælp til PHP Af Friis77 i PHP	5	11/02/202419:58	12/02/202407:55

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS