Here is the code im using for a slideshow, i would like to add a title and or a caption to each image
<td width="33%"><h4><u><center>Slideshow</center></u><br/><img src="Images/img1.jpg" name="photoslider">
<div align="center">
<script type= "text/javascript">
[Code]....
I have an image insertion page that is part of a JS WYSIWYG. It works okay, but I would like to add a styled caption bar underneath it.
This is what I'm currently using for the caption (inserted by a button):
Code:
This is the code from the insert image page:
Code:
How do I put the caption bar after the image in the main code?
Ive used this tutorial code...
But when I hover over the Wrapper DIV the Description DIV also fades.
I want the Description DIV to remain at 100 opacity even when I hover over the wrapper.
Is that possible?
Here is a script I found which works well for randomly selecting a static image when loading/refreshing a page, and allows captions for the images. I need this to also have the images link to other pages. I lack the javascript ability to do so.
Code:
<!DOCTYPE -don't forget to use one of these!
<head>
<title></title>
[code]....
I have a script which I grabbed from here: [URL] It does partially what I want but I need more functionality, specifically,
1) add caption text below each image in the form of "1 of 5, 2 of 5, etc."
2) make the current image clickable to go to respective URL of my choice
I have a rough mockup here: [URL] My question is, does anyone know of a script that already does all this? It needs to play friendly with all major browsers. I'm not a JS programmer, but can dabble with small changes if shown what's needed to modify this script.
New to javascript/jquery, been trying to create a rotator which displays a large image with caption and uses next/previous button and thumbnails for control. Everything works fine but when the rotator gets to the last item i'd like it to go back to the first, and when the previous button is clicked at the first item I'd like it to go to the last.
$(document).ready(function() {
//set to zero
var x = 0;
[code]....
[URL]
i cant get a caption specific to each image to display under the arrows when the image changes. it is especially hard for me because i have to edit the javascript which confuses the **** out of me. it seemed so simple....
ps i cant start an id with a digit? it doesnt seem to cause any problems...why is it stated that this cannot or shouldnot be done?
Firstly I've used jquery for about an hour now so that's how little I know, that's why this should be simple as :)Ok So I've been reading the docs on ids and ".attr"'s and have achieve half of what I need to do. I've used this:
$(".main_view").text($(".test2").attr("title"));
to get the title of an image and then display it. This works fine except it gets rid of the image. I want to be able to use display the image and use the title as a caption. After I'veachievedthis I'd also like to be able to put that title in a div so I can use css to muddle with it.
ode for background image and title rotation!I'd like to get images one, two and three to rotate every one second, and have titles change according to the images. Currently both background and titles are not rotating.. ;-;
<script>
window.onload = rotate;
var adImages = new Array('one.jpg','two.jpg','three.jpg');
[code]....
I found this code in another thread... basically, I need to be able to display a certain image based on the page's title... for instance if the title is: Lotus 7, I need image lotus.jpg to display in an element on the page, however, if the title is Bodhi 9, I need image bodhi.jpg to display in the same element
var imgs = new Array();
imgs[0] = new Array();
imgs[0][0] = "Research";
[code]....
Is there a way to dynamically generate a certain image via js based on the title of the webpage? like for instance....
If not is there any other way to dynamically generate specific images on specific pages via .js?
It seems to me that it normally happens by default... set a Title inthe image tag and it shows in the lightbox-image-details-caption.Butmine just doesn't at[URL]
View 2 Replies View RelatedI've found a basic script, however I also need to add alt and title
attributes as well, how would I go about doing this? Code:
have a small problem and hope you can point me in the right direction ore solve my problem
I have a wrapper Inside a div with $tabs within every tab a table , wo 's working with datatables.js within the tabel several rows with image and tekst the picture's are opend with fancybox. In fancybox the titel of the picture is under the picture.
here is a sample of my table:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Appels</a></li>
<li><a href="#tabs-2">Peren</a></li>
[Code]....
I am using the Cycle plugin for image slideshows, and I am working on one that also displays a title for each slide with a link. The issue is that the title swaps a little after the image swaps, so there is a delay. Here is my code:
<script type="text/javascript">
$(function() {
$('#slideshow').cycle({
[code]....
This page: [URL] seems to indicate that it's possible, but it looks like it also pops up an alert window which would be annoying as hell. Is there a way to, say, once every minute change the title bar text?
You see I have a text file of rotating slogans that appear each time you reload a page on my site and someone suggested that having them change even when the page is already open might be fun. I thought I'd look into it and see if it's possible. The site is [URL]
I don't know enough about javascript to know if this is possible. I am fairly good at implementing and installing other people's code, though, and can usually make minor changes to tweak things.
so the story is that i using and IFRAME in my web site , and i want the main title of the document (which appears in the browser title bar) to be the title from the iframe 'page' . my English is not so good so i 'll give an example .
main.html page :
<head> <title> browser title <title><head>
<body> ... what ever ...
<iframe title="tag_title" id="content_iframe" name="cnt_iframe" src="ref.html" width=843 height=800 ....></IFRAME>
[Code]....
I am looking to use a similar method as facebook chat does, where it alternates between the original title text and 'friendsName has sent you a message!...'
how can I do this ?
At my day job, we use a cms that generates really terrible <title></title> tags that are killing our SE rankings.
Instead of taking the title of the piece of content and putting it in the title tags, it uses the name of the page template.
I first attempted this with jquery, but i'm looking for something that will basically just take <title>template name</title> and replace it with something friendlier.
i tried something as basic as:
Code:
<title>Homepage Template</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="Visual Basic .NET 7.1" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
[Code]....
I am trying to get a line of text that a user types into a textfield to appear somewhere else on the screen. AT teh moment when the user presses submit it refreshes the page and does write the text line to the screen but it is a brand new page and I lose all my content.
View 11 Replies View RelatedI have been trying for several days now to append a text caption to a displayed image using Javascript, but with no real success. Perhaps JS is not the best way. Has anyone a suggestion as to the best way to tackle this.
I want to replace the image captions with text ones to help speed up the site. It is my home site here [URL].
A modification of the existing code seems obvious, but I have been unable to do this.
I have a database that contains a filename and an associated caption. Switching the photos works OK, but I want the caption above the photo to change as well. I'm getting the correct data back so that's not the issue.[code]...
View 6 Replies View RelatedI have a gallery on my site here:
[URL]
add a caption to the bottom of the images when they are clicked on and perhaps even a link?
I cannot work out why this doesn't work.
$(document).ready(
function(){
// Actual jQuery goodness that moves the captions
// Set the default value for the caption
$('.boxcaption').live('click',
function(){
console.log(this);
});
});
When I run the following and click on a .boxcaption element. It returns the this value 15 times, once for each .boxcaption that is on the page. I only want to return one value, which is the one I have clicked on.
I'm looking for a lightbox that allows me to have 3 lines of captions. Line one would be the art title, line two would be art dimensions, and line three would be media used. Would someone point me in the right direction? I have a lightbox that supports multiple lines, but doesn't allow for line breaks in the caption.
View 6 Replies View RelatedIm not sure if this is a php problem or javascript, but since the actual photo gallery is run by javascript I'll post it here, sorry if its not though.
Everything works fine but when I click on another image to change the main image the caption wont change with it.
<script type="text/javascript">
// Gallery script.
// With image cross fade effect for those browsers that support it.
// Script copyright (C) 2004-08 [url]www.cryer.co.uk[/url].
[Code].....