Highslide viewer, maximale breedte van foto instellen

[jwkempeneers]

Ik ben bezig met het implementeren van de fotoviewer Highslide (http://highslide.com) op mijn website. Dit is voor het grootste deel gelukt, maar loop nu tegen een probleem aan. Als ik een foto upload met een langste zijde van 700px wordt die niet goed weergeven.

Het lijkt erop dat ergens in het script een maximale afmeting staat ingevoerd. Wie weet of dat zo is en of ik die ergens kan wijzigen zodat een afbeelding van 700px of meer toch goed wordt weergeven?

Ik heb de diverse configuratiebestanden al doorgespit maar dat en ook zoekwerk via Google levert niets op.

[ Voor 13% gewijzigd door jwkempeneers op 28-07-2009 23:40 . Reden: aanvulling ]

[PeterSelie]

Volgens mij vind je met de volgende zoekquery in de eerste hit al wat je zoekt? http://www.google.nl/search?q=highslide+max+width

(Gooi overigens ook direct even een URL naar een testcase, dan kunnen we zelf ook even zien wat er nu direct fout gaat).

[ Voor 41% gewijzigd door PeterSelie op 29-07-2009 00:18 ]

[jwkempeneers]

Dit was eigenlijk niet de oplossing maar het probleem was inmiddels gefixed. Mogelijk dat ik gisteren de pagina niet goed heb ververst. Als ik het scriptje toepas wat jij aangaf krijgt de foto bijvoorbeeld een maximale breedte van 400px en krijg je middels een icoontje de mogelijkheid om de foto te vergroten. Maar goed, dit probleem is gefixed.

Nu heb ik echter nog wel een ander probleempje met het script. Ten eerste worden rond de thumbnails borders aangemaakt, wat ik liever niet heb.

Verder bestaat bij mijn weten de mogelijkheid om bij het uitvergroten van de foto een grijze overlay over de webpagina te krijgen zodat de foto meer in het oog springt. Dat werkt dus ook niet.

Een testje staat op http://www.kempeneersfotografie.nl/huwelijk.php

[macciez]

Weet niet of je het al had gezien, maar je moet ergens ff een stukje code met 0a.jpg weghalen en je footer verschijnt 2 keer, 2 pxs boven mekaar ongeveer.

[jwkempeneers]

macciez schreef op woensdag 29 juli 2009 @ 10:29:
Weet niet of je het al had gezien, maar je moet ergens ff een stukje code met 0a.jpg weghalen en je footer verschijnt 2 keer, 2 pxs boven mekaar ongeveer.

Sorry, maar volgens mij volg ik het niet helemaal. Heb je het over een foutje op mijn website of over de mogelijkheid om een grijze overlay te maken?

[macciez]

De website, het viel me namelijk op toen ik even naar je testje keek.
Ik maak wel ff screenshot zo en dan edit ik deze post

edit:

[ Voor 34% gewijzigd door macciez op 29-07-2009 10:52 ]

[jwkempeneers]

Huh, daar snap ik helemaal niks van. Heb net heel mn script nagelopen maar ik zie niet wat er mis is. Ik kan ook nergens die 0a.jpg vinden.

[macciez]

Maar je ziet wel hetzelfde? Ik kijk met Vista Home Premium en FF 3.5.
Dit is de code waar ik de 0a.jpg zie staan (en dan heb ik op het Jan en Jannelize fotoboek geklikt):

HTML:

<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9059014-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>


</html>

0a.jpg">
    <param name="Image20" value="./fotoboek2/10b.jpg">
    <param name="Image21" value="./fotoboek2/11a.jpg">
    <param name="Image22" value="./fotoboek2/11b.jpg">
    <param name="Image23" value="./fotoboek2/12a.jpg">

    <param name="Image24" value="./fotoboek2/12b.jpg">
    <param name="Image25" value="./fotoboek2/13a.jpg">
    <param name="Image26" value="./fotoboek2/13b.jpg">
    <param name="Image27" value="./fotoboek2/14a.jpg">
    <param name="Image28" value="./fotoboek2/14b.jpg">
    <param name="Image29" value="./fotoboek2/15a.jpg">
    <param name="InnerMargin" value="0">
    <param name="OuterMargin" value="0">
    <param name="PauseDuration" value="0">

    <param name="TopMargin" value="0">
    <param name="credits" value="applet by www.lvplanet.com">
    </applet></td>
          </tr>
               </table>
                </div></td>
              </tr>
            </table>

<br /><br />

[Yokidrink]

jwkempeneers schreef op woensdag 29 juli 2009 @ 11:02:
Huh, daar snap ik helemaal niks van. Heb net heel mn script nagelopen maar ik zie niet wat er mis is. Ik kan ook nergens die 0a.jpg vinden.

als ik de source bekijk staat het er echt 2x in hoor (sorry weet niet hoe onderstaand in progamma codering te zetten):

edit: spuit elf... zie boven mij, met aanvulling dat op die pagina de text twee keer geplaatst wordt

<center><font face="Verdana" size="1" color="white"> All rights reserved - &copy 2007-2009 - Kempeneers Fotografie - Realisatie: <a style="color: white; text-decoration:none;" href="http://www.kempeneersmultimedia.nl">Kempeneers Multimedia</a> </font></center>

<center><font face="Verdana" size="1" color="white"> All rights reserved - &copy 2007-2009 - Kempeneers Fotografie - Realisatie: <a style="color: white; text-decoration:none;" href="http://www.kempeneersmultimedia.nl">Kempeneers Multimedia</a> </font></center>

[ Voor 111% gewijzigd door Yokidrink op 29-07-2009 11:14 ]

[jwkempeneers]

Ja als ik in de broncode kijk zie ik ook twee keer dat regeltje staan, maar als ik de originele code bekijk niet. De pagina bestaat uit de fotoboekpagina die een header en een footer inlaadt. Mogelijk dat het daarbij fout gaat dan?

sjabloonalbum.txt

PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://wwww3c.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="doctitle" -->
<title>Kempeneers Fotografie</title>
<!-- TemplateEndEditable --><link href="css/stylesheet.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
<!--
.style2 {font-size: 11px; font-family: Arial;}
-->
</style>
<title>
Kempeneers Fotografie
</title>
</head>

<body background="../images/bgcolor.jpg" link="white" alink="white" vlink="white">

        <table height="100%" width="850" align="center">
        <tr><td background="../images/background.jpg" valign="top">
        <table height="100%" width="755" align="center">
        <tr valign="top"><td>
        <br /><br /><br /><br /><br /><br /><hr>

<center><font face="Franklin Gothic Medium" size="3" color="white">
<a style="text-decoration: none; color: white;"  a href="../index.php">HOME</a> &nbsp&nbsp - &nbsp&nbsp
<a style="text-decoration: none; color: white;"  a href="../info.php">INFO</a> &nbsp&nbsp - &nbsp&nbsp
<a style="text-decoration: none; color: white;"  a href="../portfolio.php">PORTFOLIO</a> &nbsp&nbsp - &nbsp&nbsp
<a style="text-decoration: none; color: white;"  a href="../prijzen.php">PRIJZEN</a> &nbsp&nbsp - &nbsp&nbsp
<a style="text-decoration: none; color: white;"  a href="../contact.php">CONTACT</a> &nbsp&nbsp - &nbsp&nbsp
<a style="text-decoration: none; color: white;"  a href="../links.php">LINKS</a>

</font></center>

<hr>

<font face="Franklin Gothic Medium" size="2" color="white">

fotoboek

PHP:

<?php readfile('sjabloonalbum.txt');?>




<center><font face="Palatino Linotype" size="1" color="white"> Klik op het album om verder te bladeren.
<a style="text-decoration: none; color: #ffffff;" a href="../huwelijk.php"> | Klik hier om terug te keren naar de pagina Huwelijk.
<a></font></center>


<br /><br />

          <tr>
          <td><div align="center">
            <!-- TemplateBeginEditable name="fotos" -->
            <table width="660"  border="0" cellspacing="0" cellpadding="0">
                        <tr>
                <td height="330" colspan="5"><applet code="lvbook.class" width="660" height="330" align="baseline">
   <param name="Background1" value="000000">
    <param name="Background2" value="000000">
    <param name="BottomMargin" value="0">
    <param name="CaptionHeight" value="0">
    <param name="EffectDuration" value="1000">
    <param name="target" value="_new">
    <param name="Font"  value="Verdana,0,12">
    <param name="Foreground" value="000000">
    <param name="Image1" value="./fotoboek/1a.jpg">
    <param name="Image2" value="./fotoboek/1b.jpg">
    <param name="Image3" value="./fotoboek/2a.jpg"> 
    <param name="Image4" value="./fotoboek/2b.jpg">
    <param name="Image5" value="./fotoboek/3a.jpg">
    <param name="Image6" value="./fotoboek/3b.jpg">
    <param name="Image7" value="./fotoboek/4a.jpg">
    <param name="Image8" value="./fotoboek/4b.jpg">
    <param name="Image9" value="./fotoboek/5a.jpg">
    <param name="Image10" value="./fotoboek/5b.jpg">
    <param name="Image11" value="./fotoboek/6a.jpg">
    <param name="Image12" value="./fotoboek/6b.jpg">
    <param name="Image13" value="./fotoboek/7a.jpg">
    <param name="Image14" value="./fotoboek/7b.jpg">
    <param name="Image15" value="./fotoboek/8a.jpg">
    <param name="Image16" value="./fotoboek/8b.jpg">
    <param name="Image17" value="./fotoboek/9a.jpg">
    <param name="Image18" value="./fotoboek/9b.jpg">
    <param name="Image19" value="./fotoboek/10a.jpg">
    <param name="Image20" value="./fotoboek/10b.jpg">
    <param name="Image21" value="./fotoboek/11a.jpg">
    <param name="Image22" value="./fotoboek/11b.jpg">
    <param name="Image23" value="./fotoboek/12a.jpg">
    <param name="Image24" value="./fotoboek/12b.jpg">
    <param name="Image25" value="./fotoboek/13a.jpg">
    <param name="Image26" value="./fotoboek/13b.jpg">
    <param name="Image27" value="./fotoboek/14a.jpg">
    <param name="Image28" value="./fotoboek/14b.jpg">
    <param name="Image29" value="./fotoboek/15a.jpg">
    <param name="InnerMargin" value="0">
    <param name="OuterMargin" value="0">
    <param name="PauseDuration" value="0">
    <param name="TopMargin" value="0">
    <param name="credits" value="applet by www.lvplanet.com">
    </applet></td>
          </tr>
               </table>
                </div></td>
              </tr>
            </table>

<br /><br />

<?php readfile('sjabloononderalbum.txt');?>

sjabloononderalbum.txt

PHP:

<center><font face="Verdana" size="1" color="white"> All rights reserved - &copy 2007-2009 - Kempeneers Fotografie - Realisatie: <a style="color: white; text-decoration:none;" href="http://www.kempeneersmultimedia.nl">Kempeneers Multimedia</a> </font></center>

</body>


</html>

[macciez]

Mijn gok is, dat je footer 2 keer wordt uitgevoerd. Maar waarom en waar, kan ik je zsm niet bij helpen.

[PeterSelie]

Daar hebben we de originele broncode inderdaad voor nodig. Probeer anders eens een include_once om je footer heen (mits de footer adhv een include ingeladen wordt), dan ben je er in ieder geval zeker van dat die footer niet 2x wordt ingeladen.

Waarschijnlijk laadt je de footer in zowel het fotoalbum als in je hoofdpagina in.

jwkempeneers schreef op woensdag 29 juli 2009 @ 10:15:
Dit was eigenlijk niet de oplossing maar het probleem was inmiddels gefixed. Mogelijk dat ik gisteren de pagina niet goed heb ververst.

Probeer wanneer je bezig bent met externe stijl / javascript bestanden altijd eerst even je cache / tijdelijke bestanden leeg te gooien, anders zal je brouwser inderdaad de tijdelijk opgeslagen bestanden gebruiken.

[ Voor 56% gewijzigd door PeterSelie op 29-07-2009 11:45 ]

[jwkempeneers]

SoaDmaggot schreef op woensdag 29 juli 2009 @ 11:43:
Daar hebben we de originele broncode inderdaad voor nodig.

De broncode staat 2 posts hierboven..

SoaDmaggot schreef op woensdag 29 juli 2009 @ 11:43:
Probeer wanneer je bezig bent met externe stijl / javascript bestanden altijd eerst even je cache / tijdelijke bestanden leeg te gooien, anders zal je brouwser inderdaad de tijdelijk opgeslagen bestanden gebruiken.

Zal ik voortaan even doen

SoaDmaggot schreef op woensdag 29 juli 2009 @ 11:43:
Waarschijnlijk laadt je de footer in zowel het fotoalbum als in je hoofdpagina in.

Op de hoofdpagina wordt mijn footer inderdaad ook ingeladen, maar dat staat toch los van die pagina van het fotoalbum?

[ Voor 67% gewijzigd door jwkempeneers op 29-07-2009 11:49 ]

[PeterSelie]

Ok, ik was in de veronderstelling dat bovenstaande bron binnen de hoofdpagina werd ingeladen. Mag ik overigens vragen waarom je readfile gebruikt om min op meer templates in te laden? Sla de bestanden met een .php extentie op in plaats van de gebruikte .txt extentie en include ze dan..

[jwkempeneers]

Tsja, dat readfile is nog van toen ik net met HTML begon

Ik zal eens proberen of dat lukt met include!

[PeterSelie]

Readfile blijft een PHP functie, iets dat je in eerste instantie jezelf dus verkeerd hebt aangeleerd

[jwkempeneers]

SoaDmaggot schreef op woensdag 29 juli 2009 @ 11:48:
Sla de bestanden met een .php extentie op in plaats van de gebruikte .txt extentie en include ze dan..

Ik heb het nu met een php-include gedaan en de sjablonen opgeslagen als php, maar het werkt nog steeds niet

Edit: Het probleem is inmiddels gefixed. Op een of andere manier klopte de code van de andere albums niet en werd de footer inderdaad twee keer geincluded. Nu heb ik nog wel een klein ander probleempje. De footer-regel wordt in Firefox onder het zwarte gedeelte weergegeven. In IE8 gaat het wel gewoon goed. Wat kan dat voor oorzaak hebben?

Edit2: ik zal mezelf nog wel even buigen over een oplossing voor het verschuiven van de footer.
Wel zou ik graag de grijze overlay bij het openen van een foto middels Highslide werkend krijgen. Wie weet wat de mogelijkheden hiertoe zijn?

[ Voor 49% gewijzigd door jwkempeneers op 29-07-2009 13:52 . Reden: probleem grijze overlay ]