Oprettet tir. d. 27. marts 2012 kl. 23:33:50
200 point uddelt | 6 kommentarer
at bruge HighSlide i php script
hejjeg 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
Skrevet tir. d. 27. marts 2012 kl. 23:48:44| #1
Har du forsøgt dig med guiden på http://www.highslide.com/ (...) Den forklare det nok mere korrekt end det vi andre kan ;)
Skrevet tir. d. 27. marts 2012 kl. 23:49:29| #2
Prøver lige igen med linket: http://www.highslide.com/ (...)
Skrevet tir. d. 27. marts 2012 kl. 23:56:10| #3
soubhi (24.325 point)
tak.
Jeg kunne det godt hvis det var kun et billede.
En galleri med php, det kan jeg ikke.
Jeg kunne det godt hvis det var kun et billede.
En galleri med php, det kan jeg ikke.
Skrevet ons. d. 28. marts 2012 kl. 00:06:56| #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.
Skrevet ons. d. 28. marts 2012 kl. 00:28:01| #5
soubhi (24.325 point)
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;
}
?>
<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;
}
?>
Skrevet søn. d. 01. april 2012 kl. 12:55:52| #6
Accepteret svar!200 point tildelt
soubhi (24.325 point)
index.php added to <head></head>:
<script src="https://ajax.googleapis.com/ (...)
<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>
<script src="https://ajax.googleapis.com/ (...)
<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>
Log ind
Seneste spørgsmål
Timestamp på dansk
Oprettet den 22. april 2013 kl. 14.44
mbs- giver 150 point for svar | Giv et svar »
Enkelt CMS i PHP og MYSQL
Oprettet den 15. april 2013 kl. 14.02
loumann giver 30 point for svar | Giv et svar »
PHP Galleri hjælp til programmering
Oprettet den 26. februar 2013 kl. 17.52
phpnoob giver 200 point for svar | Giv et svar »
Seneste guides
Seneste nyheder
Tips & Tricks fra PC World
Her er seks Google Labs-funktioner, som du skal slå til med det samme
Gmail Labs giver dig adgang til en masse smarte funktioner, som Googles ingeniører leger med i øjeblikket.
Anmeldelser fra PC World
Test: Samsung Galaxy S4 er et hit - trods gøglertricks
Kan Samsung beholde førertrøjen i det store Android-race? Galaxy S4 er smækfyldt med innovative funktioner, men også med en del gøgl. Er det for meget? Få vores dom over Samsungs nye topmodel.
Seneste blogindlæg
Tvangslukke spørgsmål: Hvad er den bedste løsning?
Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...
Nyheder fra PC World
Nu kan du få 1 terabyte gratis plads hos Flickr
Yahoo har relanceret sin fototjeneste Flickr med 1 terabyte gratis plads til brugernes billeder og videoer.
Nyheder fra Computerworld
Galleri: Her er de vigtigste programmører
Computerhistorien har fra hulkort til JavaScript været drevet frem af mange forskellige typer programmører. Se de vigtigste typer her. Er du en af dem?
IT Kurser
Samarbejdspartnere
Udgiver · © 2013 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger