- Joined
- Jan 20, 2013
- Messages
- 170
- Reaction score
- 5
i have a click pop up and have two links. If i click on first link, it should show first image and if i click on the second link then it should bring up second image but my code is not doing it. here is the code and help will appreciated. I need to create a loop.
==============================
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == 1) {
var fifteenDays = 1000;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"auto", inline:true, href:"#subscribe"});
}
$(".open_popup").colorbox({width:"730px", inline:true, href:"#subscribe"});
});
</script>
</head>
<body>
<?php
$a=1;
while($a<=2){
?>
<a href="#" class="open_popup"><?php echo $a++ ?>Click here to open the popup</a>
<br />
<?php } ?>
<div style="display: none;">
<!-- Start Subcribe Box -->
<div id='subscribe' style='padding: 9px; background:#ffffff;'>
<h2 class="offerTitle">i want to show here id 1 & when i click on Second Link,should show id 2...How i can set Loop Value here??? </h2>
<div class="clear"></div>
<!-- Start Pop up Box -->
<div id="offerContainer">
<!-- Start offer -->
<div class="picBoxContainer">
<img src="1.jpg" />
</div>
<!-- End offer -->
</div>
<!-- End Popup Box -->
</div>
<!-- End Subcribe Box -->
</div>
==============================
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == 1) {
var fifteenDays = 1000;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"auto", inline:true, href:"#subscribe"});
}
$(".open_popup").colorbox({width:"730px", inline:true, href:"#subscribe"});
});
</script>
</head>
<body>
<?php
$a=1;
while($a<=2){
?>
<a href="#" class="open_popup"><?php echo $a++ ?>Click here to open the popup</a>
<br />
<?php } ?>
<div style="display: none;">
<!-- Start Subcribe Box -->
<div id='subscribe' style='padding: 9px; background:#ffffff;'>
<h2 class="offerTitle">i want to show here id 1 & when i click on Second Link,should show id 2...How i can set Loop Value here??? </h2>
<div class="clear"></div>
<!-- Start Pop up Box -->
<div id="offerContainer">
<!-- Start offer -->
<div class="picBoxContainer">
<img src="1.jpg" />
</div>
<!-- End offer -->
</div>
<!-- End Popup Box -->
</div>
<!-- End Subcribe Box -->
</div>
