Jquery Lightbox集成问题 [英] Jquery Lightbox integration problem
本文介绍了Jquery Lightbox集成问题的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在开发一个网站。我已经下载了一个bootstrap模板。但是我完全改变了我的业务。基本上，我正在重复主题。你可以把它想象成一个博客。
我正在尝试开发一个用户友好的界面。一切都好。但是，我在灯箱上工作了10天。我从谷歌尝试了太多的解决方案。没有解决方案。
让我添加一张图片来更好地定义我的问题。
[图片]
我尝试过手风琴菜单，它有效。在10天之前，我认为用户不应该去外面（youtube）观看视频。我搜索并找到了灯箱。但这对我的代码不起作用。
我正在添加左侧的html + php代码。我有数据库，它工作正常。我只为那个灯箱遇到麻烦
I am developing a website. I have downloaded a bootstrap template. However I completely change it for my business. Basically, I am repeating topics. You can think as a blog.
I am trying to develop a user friendly interface. Everything is OK. However, I am working on lightbox for 10 days. I have tried too much solution from google. No solution.
Let me add an image to define my problem better.
[Image]
I tried accordion menu and it worked. Before 10 days, I thought that user shouldn't go outside (youtube) to watch the video. I searched and found light box. But that does not work for my code.
I am adding left side html+php codes. I have database and it works fine. I am in trouble just for that lightbox
<div id="solbolge">
<section class="accordionMod">
<div class= "yardimbaslik">
<h2 title = "A-K Arasındaki yardım konuları"> Yardım Konuları <span>[A-K]</span></h2>
</div>
<?php
$sql =mysql_query("SELECT * FROM problemler WHERE baslik LIKE 'A%' OR baslik LIKE 'B%' OR baslik LIKE 'C%' OR baslik LIKE 'Ç%' OR baslik LIKE 'D%' OR baslik LIKE 'E%' OR baslik LIKE 'F%' OR baslik LIKE 'G%'OR baslik LIKE 'Ğ%' OR baslik LIKE 'H%' OR baslik LIKE 'I%' OR baslik LIKE 'İ%' OR baslik LIKE 'J%' OR baslik LIKE 'K%' ORDER BY baslik ASC") or die("SORGU HATASI");
while ($row = mysql_fetch_array($sql)) {
$baslik = $row['baslik'];
$icerik = $row['icerik'];
$youtube_link = $row['youtube_link'];
$pdf_link = $row['pdf_link'];
$download_link = $row['download_link'];
$oy_orani = $row ['oy_orani'];
?>
<div>
<h3 class="accordion-toggle"><?echo $baslik?><a href=<?php echo $download_link ?>><img src = "themes/images/indir.png"></a><a href=<?php echo $pdf_link ?>><img src = "themes/images/pdf.png"></a><a href=<?php echo $youtube_link ?>><img src = "themes/images/youtube.png"></a></h3>
<section class="accordion-inner">
<p><?php echo $icerik?></p>
</div>
<?php
}
?>
</div>
我是网络编程新手。努力发展自己。但那个问题结束了我。 10天没有解决方案。请帮帮我。
整码：
I am new at web programming. Trying to develop myself. But that problem finished me. 10 days and no solution. Please help me.
whole code:
<!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-Type" content="text/HTML; charset=utf-8" />
<title>Zirve Bilgisayar Yardım Sayfası</title>
<link href="css/stil.css" rel="stylesheet" type="text/css" />
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link id="callCss" rel="stylesheet" href="themes/current/bootstrap.min.css" type="text/css" media="screen"/>
<link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css">
<link href="css/base.css" rel="stylesheet" type="text/css">
<style type="text/css">
.accordion-group {border-radius:0; border-none; margin:1px 0 0 0;}
.accordionMod .accordion-heading {background-color:#6CCB17; border-radius:0;height: 40px;}
.accordionMod .accordion-heading .accordion-toggle img{ float:right; height:25px; width:25px;}
.accordionMod .accordion-heading .accordion-toggle {margin:0; font-size:14px; line-height:normal; padding:7px 30px; position:relative;height: 40px;}
.accordionMod .accordion-heading .accordion-toggle .icon {background:url('http://dl.dropbox.com/u/1681897/img/glyphicons-halflings.png') no-repeat 0 -96px; display:block; width:14px; height:14px; position:absolute; left:0px; top:7px;}
.accordionMod .accordion-heading .accordion-toggle .iconActive {background:url('http://dl.dropbox.com/u/1681897/img/glyphicons-halflings-white.png') no-repeat -24px -96px;}
.accordionMod .accordion-heading .current {background-color:; color:#fff;}
.accordionMod .accordion-inner {background-color:red; padding-left:40px; border-top:0; margin:0;}
</style>
<?php
mysql_connect('localhost','root','25612327')or die("Sorgu hatasi:");
mysql_select_db('destekzirvedb')or die("Veritabanı hatasi: ");
mysql_query("SET NAMES 'utf8' ");
mysql_query("SET CHARACTER SET utf8");
mysql_query("SET COLLATION_CONNECTION = 'utf8_turkish_ci' ");
?>
</head>
<body>
<div class="anagovde">
<div class="icgovde">
<div class="header">
<div>
<img style ="border: 10px solid gray;" src="images/logo.jpg" />
</div>
<div class="satirmenu">
<center><h2 style = "padding-removed10px;">Size Nasıl Yardımcı Olabiliriz ?</h2><input class ="search_text" type= "text" name ="tag" id = "tag"style="font-family: 'comic Sans MS'; font-size: large; font-weight: bold"title="Bu kutuya yazarak yardım konularına erişebilirsiniz" /><img src = "images/kb.png"></center>
</div>
</div>
<div class="govde">
<div id="solbolge">
<section class="accordionMod">
<div class= "yardimbaslik">
<h2 title = "A-K Arasındaki yardım konuları"> Yardım Konuları <span>[A-K]</span></h2>
</div>
<?php
$sql =mysql_query("SELECT * FROM problemler WHERE baslik LIKE 'A%' OR baslik LIKE 'B%' OR baslik LIKE 'C%' OR baslik LIKE 'Ç%' OR baslik LIKE 'D%' OR baslik LIKE 'E%' OR baslik LIKE 'F%' OR baslik LIKE 'G%'OR baslik LIKE 'Ğ%' OR baslik LIKE 'H%' OR baslik LIKE 'I%' OR baslik LIKE 'İ%' OR baslik LIKE 'J%' OR baslik LIKE 'K%' ORDER BY baslik ASC") or die("SORGU HATASI");
while ($row = mysql_fetch_array($sql)) {
$baslik = $row['baslik'];
$icerik = $row['icerik'];
$youtube_link = $row['youtube_link'];
$pdf_link = $row['pdf_link'];
$download_link = $row['download_link'];
$oy_orani = $row ['oy_orani'];
?>
<div>
<h3 class="accordion-toggle"><?echo $baslik?><a href=<?php echo $download_link ?>><img src = "themes/images/indir.png"></a><a href=<?php echo $pdf_link ?>><img src = "themes/images/pdf.png"></a><a href=<?php echo $youtube_link ?>><img src = "themes/images/youtube.png"></a></h3>
<section class="accordion-inner">
<p><?php echo $icerik?></p>
</div>
<?php
}
?>
</div>
<div id="sagbolge">
<section class="accordionMod">
<div class= "yardimbaslik">
<h2 title ="L-Z Arasındaki yardım konuları"> Yardım Konuları <span>[L-Z]</span></h2>
</div>
<?php
$sql =mysql_query("SELECT * FROM problemler WHERE baslik LIKE 'L%' OR baslik LIKE 'M%' OR baslik LIKE 'N%' OR baslik LIKE 'O%' OR baslik LIKE 'Ö%' OR baslik LIKE 'P%' OR baslik LIKE 'Q%' OR baslik LIKE 'R%'OR baslik LIKE 'S%' OR baslik LIKE 'Ş%' OR baslik LIKE 'T%' OR baslik LIKE 'U%' OR baslik LIKE 'Ü%' OR baslik LIKE 'V%' OR baslik LIKE 'Y%' OR baslik LIKE 'Z%' ORDER BY baslik ASC") or die("SORGU HATASI");
while ($row = mysql_fetch_array($sql)) {
$baslik = $row['baslik'];
$icerik = $row['icerik'];
$youtube_link = $row['youtube_link'];
$pdf_link = $row['pdf_link'];
$download_link = $row['download_link'];
$oy_orani = $row ['oy_orani'];
?>
<div>
<h3 class="accordion-toggle"><?echo $baslik?><a href=<?php echo $youtube_link ?> class="lightbox"><img src = "images/indir.png"><a href ="http://www.youtube.com"><img src= "images/youtube.png"> <a href ="http://www.google.com"><img src= "images/pdf.png"></a></h3>
<section class="accordion-inner">
<p><?php echo $icerik?></p>
</div>
<?php
}
?>
</section>
</div>
</div>
<div class="footer">
<div class="email">
<p><img style = "height: 16px; width:10px;"src ="images/tabrepeat.png"> Email:<span class ="yardim_link"> yardim@icrapro.com</span></p>
<p><img style = "height: 16px; width:10px;"src ="images/tabrepeat.png"> Web: <a href="http://www.zirve-bilgisayar.com" title="Web Adresimiz"><span class ="yardim_link">Zirve Bilgisayar</span></a></p>
</div>
<div class="kopirayt">
<h4 style = "color:red;">© 2013, Zirve Bilgisayar. Tüm Hakları Saklıdır. </h4>
</div>
<div class="sosyal">
<a href="https://www.facebook.com/ZirveBilgisayarLtd.Sti"><img style ="heiht:40px;width:40px;" src ="images/facebook.png"></a>
<a href="http://www.youtube.com/user/zirveicrapro"><img style ="heiht:40px;width:40px;" src ="images/youtube.png"></a>
<a href="https://twitter.com/icrapro"><img style ="heiht:40px;width:40px;" src ="images/twitter.png"></a>
<a href="https://twitter.com/davapro1"><img style ="heiht:40px;width:40px;" src ="images/twitter.png"></a>
<a href="http://www.zirve-bilgisayar.com"><img style ="heiht:40px;width:40px;" src ="images/zirve.png"></a>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script src="themes/js/jquery-1.8.3.min.js"></script>
<script src="themes/js/bootstrap.min.js"></script>
<script src="themes/js/bootstrap-tooltip.js"></script>
<script src="themes/js/bootstrap-popover.js"></script>
<script src="themes/js/business_ltd_1.0.js"></script>
<script src="themes/js/accordion.js"></script>
</html>推荐答案
sql =mysql_query(\"SELECT * FROM problemler WHERE baslik LIKE 'A%' OR baslik LIKE 'B%' OR baslik LIKE 'C%' OR baslik LIKE 'Ç%' OR baslik LIKE 'D%' OR baslik LIKE 'E%' OR baslik LIKE 'F%' OR baslik LIKE 'G%'OR baslik LIKE 'Ğ%' OR baslik LIKE 'H%' OR baslik LIKE 'I%' OR baslik LIKE 'İ%' OR baslik LIKE 'J%' OR baslik LIKE 'K%' ORDER BY baslik ASC\") or die(\"SORGU HATASI\");
while （
sql =mysql_query("SELECT * FROM problemler WHERE baslik LIKE 'A%' OR baslik LIKE 'B%' OR baslik LIKE 'C%' OR baslik LIKE 'Ç%' OR baslik LIKE 'D%' OR baslik LIKE 'E%' OR baslik LIKE 'F%' OR baslik LIKE 'G%'OR baslik LIKE 'Ğ%' OR baslik LIKE 'H%' OR baslik LIKE 'I%' OR baslik LIKE 'İ%' OR baslik LIKE 'J%' OR baslik LIKE 'K%' ORDER BY baslik ASC") or die("SORGU HATASI"); while (
row = mysql_fetch_array（
row = mysql_fetch_array(
sql））{
sql)) {
这篇关于Jquery Lightbox集成问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
