Avatar billede soubhi Nybegynder
17. marts 2012 - 16:46 Der er 1 løsning

at bruge en highslide i min galeri

hej


jeg har i det oprindlige scripte dette kode:
---------
    <table class="postpics" width="100%"><tr><td> <!-- Version 5.0 -->

<?php
    while ($row = mysql_fetch_array($pres))
    {
        $i++;

        $imgsize = GetThumbnailSize("{$datadir[adpics]}/{$row[picfile]}", $images_max_width, $images_max_height);

?>

        <img src="<?php echo "{$datadir[adpics]}/{$row[picfile]}"; ?>" id="adimg<?php echo $i; ?>" width="<?php echo $imgsize[0]; ?>" height="<?php echo $imgsize[1]; ?>"><br><br>

<?php
    }
?>

    </td></tr></table>

<?php

    $imgcnt = $i;

}
?>

---------

og jeg vil gerne indsætte www.highslide.com coden (highslide-with-gallery.js) i scripten

og her er et eksample på koden
---------

<body>

<!--
    3) Put the thumbnails inside a div for styling
-->
<div class="highslide-gallery">

<!--
    4) This is how you mark up the thumbnail image with an anchor tag around it.
    The anchor's href attribute defines the URL of the full-size image.
-->
<a href="../images/gallery1.jpg" class="highslide" onclick="return hs.expand(this)">
    <img src="../images/gallery1.thumb.jpg" alt="Highslide JS"
        title="Click to enlarge" />
</a>

<!--
    5 (optional). This is how you mark up the caption. The correct class name is important.
-->

<div class="highslide-caption">
    Caption for the first image.
</div>


<!-- Repetionion of the above -->
<a href="../images/gallery2.jpg" class="highslide" onclick="return hs.expand(this)">
    <img src="../images/gallery2.thumb.jpg" alt="Highslide JS"
        title="Click to enlarge" /></a>

<div class="highslide-caption">
    Caption for the second image.
</div>

<a href="../images/gallery3.jpg" class="highslide" onclick="return hs.expand(this)">
    <img src="../images/gallery3.thumb.jpg" alt="Highslide JS"
        title="Click to enlarge" /></a>

<div class="highslide-caption">
    Caption for the third image.
</div>

</div>
</body>
-----------------

Hvordan?
Jeg vil bruge den sidste verion af highslide med
highslide-with-gallery.js


Tak <bole>
Avatar billede soubhi Nybegynder
01. april 2012 - 12:54 #1
index.php added to <head></head>:





<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

<script type="text/javascript">

    $(document).ready(function() {

        $("a[rel=group]").fancybox({

            'transitionIn'        : 'elastic',

            'transitionOut'        : 'elastic',

            'titlePosition'     : 'over'

            });

        });

</script>







showad.php added <a> tag to <img>:

<a href="<?php echo "{$datadir[adpics]}/{$row[picfile]}"; ?>" class="group" rel="group"><img src="<?php echo "{$datadir[adpics]}/{$row[picfile]}"; ?>" id="adimg<?php echo $i; ?>" height="70"></a>
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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