I'm trying to figure out how to show an image in a div in a certain order (but only show if the variable that corresponds for that image has something in it).
I basically need something like the following...
But that code doesn't work.
How do I show the default icon for pdf, doc, etc... else show the image? Show the default icon for pdf, doc, etc... else show image.
Default icon:
'<img alt="" src="images/icons/' + sIcon + '.gif" width="16" height="16" border="0"></a>' +
The image:
'<img alt="" src="' + fileUrl.replace( /'/g, '\'') + '" height="36" border="0"></a>' +
Attempted javascript onError but only certain browsers support that or it's my code.
'<img alt="" src="' + fileUrl.replace( /'/g, '\'') + '" height="36" border="0" onerror="this.src=images/icons/' + sIcon + '.gif"></a>' +
i have image button i need to display image .if the size of the image button is 100*100 and image size is 50*50 .the remaining space of the image button should be empty.the image should not stretch.
View 1 Replies View RelatedI have a problem on my wordpress blog that is integregated with a 3rd party shopping system. What I'm finding is that the Image Slide Show will not show up on the product page but will show up on other pages. obviously there is some conflict but I don't know where.Example: here is the product listing page while in the header the slide show seems to work fine.Now here is the page if you select one of the t-shirts but as you will see the image slide show in the Header vanishes?
View 2 Replies View RelatedIn one of my web page I want to show an image preloader. ie When I clicked on the small thumbnail in my web page then the main large image will load. My code looks something like this
$("#images li").click(function(){
var image=this.href;
$("#mainImage").attr('src',image);
});
I want to show the Loading sign until the main image loads completely.
I have a page HTML. In HTML have 1 button, when click into button that'll appear 1 window. In this window, it's show 1 image and after 5s it will change the other image. I can't do this.
View 5 Replies View RelatedI found this slide show [URL]. I got it to work on my website [URL] using Firefox, but when it is viewed in Internet Explorer it will not work. Second question, When the slide show gets to the last image, after the last image all photos disappear and it resets itself changing the format of the webpage. Any way to not have the images disappear while it loops itself or is there a code to have it stop on the last photo and not loop.
View 1 Replies View Relatedi'm trying to change hidden div's display to block if the certain conditions in php will be true. so what i have is:
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<?php if((isset($_GET['section'])) AND ($_GET['section']=="booking") AND (isset($_GET['action'])) AND ($_GET['action']=="edit")) {[code]....
but it doesn't work ..... when you view page's source in the browser, this is what comes up before the end of head section:
<script type="text/javascript">
document.getElementById('flavours').style.display = 'block';
</script>
so php seems to work, but js doesn't for some reason, i still can't see the #mydiv.
I have a multipage form. I can put data entered in hidden form elements from previous pages. I want to show or hide table rows depending on this data value.
For example, I collect a list of names in first form, but if some names are blank I dont want to show the table row associated with that name to collect more data.
I have seen loads of code to toggle rows but cant find any which shows me how to toggle on a variable.
I'm trying to make a form that passes a value to a second page that shows either DivA or DivB (using CSS display:none) depending on the value passed.
View 1 Replies View RelatedI want to get javascript to show or hide a row in a table depending on whether a value is held by a variable collected in a mulitple part formmail. If only 1 adult fills in their name on the earlier form there is no need to show the row which asks him to agree to membership on a later form page. This is what Ive got so far<form name="frm3" method="post" action="bookingscript.php">
<input type="hidden" name="adult2fn" value="$adult2name" />
<script Language="JavaScript">
var name1 = document.frm3.adult2fn.value;
if(name1 =="")
[Code]....
I have been staring at this problem for too long and most likely missing a simple solution so I hope somebody can take my blindfold off and show me the way The markup (which comes from a CMS and I cannot change it) I am working with is akin to:
<div id="faq">
<p><strong class="open">FAQ 1</strong></p>
<p>FAQ 1 content lorem ipsem lorem ipsem ad infinitum</p>
[code]....
Notice how the second fo 3 FAQ sections has 2 paragraphs under the 'trigger' rather than 1? Therein lies my problem, because what I am doing with prototype.js is:
1.) Loop through page and collect all <p>'s
2.) do a .each iteration and attach an onclick event on $$('p strong.open') - assume this node for each iteration is now var 'trigger'
3.) run Element.hide() on trigger.next()
4.) in the onclick event, run Element.show() for trigger.next()
- If you are still following so far - my problem is that next() only shows/hides one single element and that is the <p> holding the content - which is fine except when there are 2 or even more <p>'s with content I need to act on. I;ve experimented with nextSiblings and adjacent() and I end up with too many nodes - basically every <p> in the entire document. I just want 'hide all P's after the trigger P up until the next p > strong.open
Code:
h=0;
if (h > 0)
{
function hidestuff(){
document.getElementById('example').style.visibility = 'hidden';
}
[Code]...
If i want the function "show stuff to execute only when that variable is 0, what event should i use?
I am attempting to put a simple slideshow of pictures on our company's website as the background of a div. The code I have works fine for a single picture:
obj.style.backgroundImage = 'url("photo.jpg")';
but does not work when I try to use a variable for the file name instead of the file name itself, ie:
obj.style.backgroundImage = 'url("processed[i].src")';
Is there anyway to set the background image using variable names? I really don't want to have to use a switch statement with each case being a different picture.
I'm writing an image gallery script in which the thumbnail for the currently-viewed image is indicated with a smaller image below the thumbnail. My placeholder is as follows:
<img name="indicator0" alt="indicator>
with indicator1, indicator2, etc. following, one below each thumbnail. In my script, which placeholder has the indicator is called by the variable thumbIndicator. I'd like to be able to do that like this:
document.(thumbIndicator).src = "indicator_image.jpg";
but this has not worked. I've also changed my image placeholder to this:
<img id="indicator0" alt="indicator">
and the script to this:
document.getElementByID(thumbIndicator).src = "indicator_image.jpg";
I have an image code...
I want to be able to have this hidden as default then when i submit my page code...
I am using this script for showing who is on the air. I would like to know if anyone has an idea how to make this show a picture file instead of text for who is on air. The script is great in that the gmt offset works. I would just rather have it show an image instead of text.
<span id = "dj" style="font-size:12px; font-weight:bold; font-family: Tahoma; color: #6600FF;"></span>
<script type = "text/javascript">
[code]....
<html>
<head>
<script type="text/javascript">
[code]....
i created a search for products on my site. and right now all the results have an image next to them to show the product. this creates some lag when theres tons of results because its loading all the images, so i was thinking is there a way i can use javascript to just show the image for each product when rolled over kinda like ask.com does?
im using php do echo the results like this:
while($row = mysql_fetch_array( $result )) {
$i += 1;
echo '<p>'.$i.") ";
echo '<img src="product_images/'.$row['product_id']._sm_.$row['product_image_sm'].'" height="37" width="37" />'
echo "<a href='product.php?pid=".$row['product_id']."'><b> ".$row['product_name']." </b></a><br>";
echo $row['product_description']."</p>";
}
but it looks like this once it hits the page:
<p>1) <img src="product_images/214_sm_19S.gif" height="37" width="37" />
<a href='product.php?pid=214'><b> Citrine and Diamond Pendant </b></a>
<br>This classic cit....</p>
(repeated numerously)
My problem is : I have an image file located on the client machine in the 'd:imageemp1.jpg' I want to make a function that accepts the image filename -"d:imageemp1.jpg" as a parameter and display the image in anew page in the browser.
View 1 Replies View Related[URL].. There is currently a hidden div called fullsize in the content which i have hidden by putting display:none in the css on that div. But I need to get that div to display when a user clicks on a thumbnail from the horizontal scrolling gallery.
I have been trying to get it to work for about 3 hours but can't see what it is.
I'm going to set up a fade-in/fade-out slideshow, probably with jquery, that will loop through a list of images. But I only want the very first image to be shown once and then not again, even if the screen is refreshed. I don't know much about how to do that but I'm guessing it has something to do with a session, or cookies?
View 10 Replies View RelatedI have this
var x = window.event.clientX;
var y = window.event.clientY;
i get the x and y coordinates on button click
i do this x = x+10;
y = y +10;
how can I now on this position X AND Y, pop up an imageon that position??
I have been trying to write a java scrip that will move an image (image1) to the pixel location that the user inputs into a text box.
Here is what i have so far:
HTML Code:
I am not sure if the problem is in the variables or setting the variables based on the numbers in the text box.
I wonder if its possible to show and hide a image with javascipt. I want the image to disapear from bottom and up very smooth, maybe under 3-4sec. Is it possible ? any tips ?
View 6 Replies View RelatedI'm having some trouble with the following construction. I have a worldmap image with an image map where you can hover over a few countries. When you hover over a country a pane will slide down and show an image about the country.Now this is all working well except for the following.When you hover over a country and quickly hover over another the pane will slide back up and after the slide it will slide back down. All well except for the problem that the image change will start while the pane is sliding back up and not after it!Here's the code.
$(".TulipMap").hover(
function () {
mapname = "#d" + $(this).attr("ID");
[code]....