php - Hjælp til gallari/javascript - Udvikleren.dk - Programmering, webdesign og grafik

Tags: galleri javascript php

Bruger #8013 @ 25.09.12 17:50

Hej

er ved og lave et gallari, Men det volder mig et lille problem. Jeg vil lave side i et flame så mit design ikke bliver trukket ud, men når jeg gør det så åbner den også billederne inde i flamen. er der mulighed for at den åberner billederne ud af flamen ?

Det er et javascript, noget li med facebook.

PHP kode

 <?php
 include("connect.php");
 ?>
 <?
 $query = mysql_query("SELECT * FROM data");
 while($row = mysql_fetch_assoc($query)){
 ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Language" content="da">
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
 <title>Gallariet</title>
 <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
 <script language="javascript" type="text/javascript">
 function clearText(field)
 {
     if (field.defaultValue == field.value) field.value = '';
     else if (field.value == '') field.value = field.defaultValue;
 }
 </script>
 </head>
 <body>
 
 <div id="templatemo_body_wrapper">
     <div id="templatemo_main_wrapper" style="width: 1520px; height: 776px">
 
         <div id="templatemo_footer">
             </div> <!-- end of footer -->
 
             <div align="center">
                 <table border="0" width="990" height="191" style="border-collapse: collapse">
                     <tr>
                         <td background="images/templatemo_header.png">
                         <p align="left">&nbsp;</p>
                         <p align="left">&nbsp;</p>
                         <p align="left">
                         <img border="0" src="images/templatemo_logo.png" width="425" height="60"></td>
                     </tr>
                     <tr>
                         <td>&nbsp;</td>
                     </tr>
                     <tr>
                         <td>
                         <div align="center">
                             <table border="0" width="966" style="border-collapse: collapse">
                                 <tr>
                                     <td height="73" background="images/top2.png">
                                     <table border="0" width="964" style="border-collapse: collapse">
                                         <tr>
                                             <td width="13">&nbsp;</td>
                                             <td align="center" rowspan="3" width="154">
                                             <a href="index.php" style="text-decoration: none"><br>
                                             <font color="#4E4E4E"><?echo $row['tab1']?></font></a></td>
                                             <td align="center" width="130">
                                             <font color="#4E4E4E"><u>
                                             </u></font>
                                             <a href="gallari.php" style="text-decoration: none">
                                             <font color="#4E4E4E"><?echo $row['tab2']?></font></a></td>
                                             <td align="center" width="129">
                                             <font color="#4E4E4E"><u><br>
                                             </u></font>
                                             <a href="shop.php" style="text-decoration: none">
                                             <font color="#4E4E4E"><?echo $row['tab3']?></font></a></td>
                                             <td align="center" width="129">
                                             <font color="#4E4E4E"><u><br>
                                             </u>
                                             <a href="side1.php" style="text-decoration: none">
                                             <font color="#4E4E4E"><?echo $row['tab4']?></font></a></font></td>
                                             <td align="center" width="129">
                                             <font color="#4E4E4E"><u><br>
                                             </u>
                                             <a href="side2.php" style="text-decoration: none">
                                             <font color="#4E4E4E"><?echo $row['tab5']?></font></a></font></td>
                                             <td align="center" width="129"><br>
                                             <a href="side3.php" style="text-decoration: none">
                                             <font color="#4E4E4E"><?echo $row['tab6']?></font></a></td>
                                             <td align="center" width="115"><br>
                                             <a href="contact.php" style="text-decoration: none">
                                             <font color="#4E4E4E"><?echo $row['tab7']?></font></a></td>
                                             <td>&nbsp;</td>
                                         </tr>
                                     </table>
                                     </td>
                                 </tr>
                                 <tr>
                                     <td background="images/templatemo_content.png" height="500">
                                                 <table border="0" width="100%" style="border-collapse: collapse">
                                                     <tr>
                                                         <td width="5">&nbsp;</td>
                                                         <td align="center">
                                                         <link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
                                                 <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
                                             <link href='http://fonts.googleapis.com/css?family=Fredoka+One|Open+Sans:400,700' rel='stylesheet' type='text/css'>
 
 
 
     <div class="imageRow">
       <div class="set">
                         
 <?php
 include('config.php');
 $result = mysql_query("SELECT * FROM photos");
 while($row = mysql_fetch_array($result))
 {
     
        echo '<div class="single"><div class="wrap">
             <a href="'.$row['location'].'" rel="lightbox[plants]" title="'.$row['caption'].'"><img src="'.$row['location'].'" alt="Plants: image 1 0f 4 thumb" /></a>
           </div></div>';
 }                
 ?>        
         
         
         
       </div>
   </div>
     
 </div>
 
 </div>
 <!-- end #content -->
 
 <script src="js/jquery-1.7.2.min.js"></script>
 <script src="js/jquery-ui-1.8.18.custom.min.js"></script>
 <script src="js/jquery.smooth-scroll.min.js"></script>
 <script src="js/lightbox.js"></script>
 
 <script>
   jQuery(document).ready(function($) {
       $('a').smoothScroll({
         speed: 1000,
         easing: 'easeInOutCubic'
       });
 
       $('.showOlderChanges').on('click', function(e){
         $('.changelog .old').slideDown('slow');
         $(this).fadeOut();
         e.preventDefault();
       })
   });
 
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', 'UA-2196019-1']);
   _gaq.push(['_trackPageview']);
 
   (function() {
     var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
     ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
 
 </script></td>
                                                         <td width="5">&nbsp;</td>
                                                     </tr>
                                                 </table>
                                                                                     </td>
                                 </tr>
                                 <tr>
                                     <td height="23" background="images/templatemo_content_bottom.png">
                                     &nbsp;</td>
                                 </tr>
                             </table>
                         </div>
                         </td>
                     </tr>
                 </table>
             </div>
         </div>
     </div>
 </div> <!-- end of templatemo_wrapper -->
 
 <p align="center">&nbsp;</p>
 <p align="center">&nbsp;</p>
 <p align="center">Copyright © 2012 RingvigWeb | Designed by RingvigWeb&nbsp; |&nbsp; 
 Admin</p>
 
 </body>
 </html>
 <?
 }    
 ?>

På forhånd mange tak

10 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #13010 @ 29.09.12 19:36

440

Det er klart bedre at det er hele hjemmesiden der får en scroll end at det er et område der får en div.

Så kan man nemlig scrolle lige meget hvor man har markøren på siden i stedet for man absolut skal ind på et område før man kan scrolle.

Prøv og lav følgende :

HTML kode

 <div id="templatemo_main_wrapper" style="width: 1520px; height: 776px">

Om til :

HTML kode

 <div id="templatemo_main_wrapper">

Det ser bedre ud men du har fået fået fuckede godt op i din skabelon så måske skulle du bare lave det hele fra ny af igen.

Der er <link> forkerte steder og templatemo_footer står for oven osv.
Prøv og lav det fra frisk igen.

Indlæg senest redigeret d. 29.09.2012 19:45 af Bruger #13010

Bruger #13010 @ 25.09.12 17:55

440

Hvad er flame ?
Mener du frame ?

Har du et link til siden så vi kan se det i funktion ?

Bruger #8013 @ 25.09.12 20:59

Ja det gør jeg

Men jo det er her
Link

Bruger #13010 @ 25.09.12 21:55

440

Hvad er det du mener med at dit design bliver trukket ud ?

Du kan godt lave det uden at bruge frames.

Bruger #8013 @ 26.09.12 17:58

Det er hvis jeg tilføjer mere en 6 billeder, Så trækker den designet ned af. og det må den ikke

Så heller at man kan rulle ned i siden eller flere sider.

Bruger #13010 @ 26.09.12 20:25

440

Det kan du styrre med CSS overflow.

Prøv og lave det om så du ikke bruges frames også tilføj en masse billeder så vi kan se det du skriver om så tager vi den derfra.

Bruger #8013 @ 27.09.12 16:27

Sådan nu har jeg gjordt som du sagde

Link

Bruger #13010 @ 27.09.12 20:01

440

Der ser ens ud med og uden frame så der ikke derfor der er noget som er rykket ind.

Prøv og kør din kode gennem en validator og ret fejlene.

Også prøv og drop align="center" og istedet gør det med CSS.

Det vil være bedst at undlade at bruge <table> i dit design.

Bruger #8013 @ 29.09.12 17:41

problemet er bare at den gør siden større. og det må den ikke. derfor jeg gerne ville ha en scroll, så man kunne rolle i billederne, og ikke rolle hele siden nedad, håber du forstår hvad jeg mener,

Bruger #8013 @ 29.09.12 21:19

Det har du enlig ret i.
Ved ikke hvad der er sket i det design.

Men jeg siger mange tak for din tid og hjælp. det har været rigtig super

Hjælp til gallari/javascript

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler