Avatar billede soubhi Nybegynder
27. marts 2012 - 23:33 Der er 5 kommentarer og
1 løsning

at bruge HighSlide i php script

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?

Tak

NB!:  olebole = du skal ud at dette post
Avatar billede kjeldsted Novice
27. marts 2012 - 23:48 #1
Har du forsøgt dig med guiden på http://www.highslide.com/#installation. Den forklare det nok mere korrekt end det vi andre kan ;)
Avatar billede kjeldsted Novice
27. marts 2012 - 23:49 #2
Prøver lige igen med linket: http://www.highslide.com/#installation
Avatar billede soubhi Nybegynder
27. marts 2012 - 23:56 #3
tak.
Jeg kunne det godt hvis det var kun et billede.
En galleri med php, det kan jeg ikke.
Avatar billede kjeldsted Novice
28. marts 2012 - 00:06 #4
Kan du smide den kode du har forsøgt med som så ikke virker. Så vil det være lidt nemmere at fortælle hvad du har gjort forkert.
Avatar billede soubhi Nybegynder
28. marts 2012 - 00:28 #5
den sværeste del lægger her hvor jeg skal indsætte highslide koden i:


<table class="post" width="100%"><tr><td> <!-- Version 5.0 -->

<!-- Begin Version 5.0 -->
<?php echo generateHtml($ad['addesc'], $ad['createdon']); ?>
<!-- End Version 5.0 -->

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

<?php

if (@mysql_num_rows($pres))
{
    $i = 0;
?>

    <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;

}
?>
Avatar billede soubhi Nybegynder
01. april 2012 - 12:55 #6
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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