Gallery with HTML text under image

I'm working on a gallery of images with thumbnails on the left and larger photos on the right. My problem is the larger photos on the right need some text under them. I've been adding the text to the photos in photoshop and doing this as a standard swap image/swap image restore. What I was wondering, is there a way to add this text as HTML. When I do the swap image I would need to swap out the HTML text also. I've done this as a layered div in the past, but it gets cumbersome when you have 30 thumbnails. Hopefully someone has a good solution for this. I'm thinking about giving up on Dreamweaver and doing this sort of thing in Flash.
----Here's the website I'm working on -- http://www.elyssabassdesigns.com/fashion_collection/fashion_cuffs.html

There are literally hundreds of CSS, DHTML or jQuery solutions you could use.
http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solut ions/
http://www.dynamicdrive.com/dynamicindex14/index.html
www.JAlbum.net
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Similar Messages

Try to mix plain text with HTML text in mail forms

Hi,
I'm working with CRM 2005, and I want to build a mail form with Multi-Mime text type, but with a "html text" block and a "plain text" block in first page. I can do it but when I access to my mail form via PCUI a error occurs telling me that the mail form is defined improperly.
Thanks a lot,
Nuno Moreira

Hi Nuno,
if the mail is sent correctly and it is only a display problem in PC-UI I would suggest that you open a OSS message to ask SAP to solve this problem.
Regards
Gregor

Gallery with search text

Hi,
To start off with - I'm a complete noob to this. I apologies for any over-simplistic questions I may ask in advanced.
I've got a picture Gallery with Names, which was been imported from excel. I want to be able to filter the gallery based on text which put into the custom search bar.
I've managed to get the filter working, but when there is no text in the custom search bar, nothing appears in the gallery. Also the search only works if I put in a full name - rather then just part of a name.
So the gallery needs to be filtered based on what text is inserted to the search bar, but if the bar is empty then the whole gallery appears.
Thank you very much advanced! :)
Best Regards,
RT

I would use in If statement:
I'm assuming the following, so please modify the names in the statement as needed.
Gallery: Gallery1
Desired Source for Gallery: Table1
Search Column in Table1: Names
Text box to enter search criteria: InputText1
Gallery Items: If(InputText1!Text = "",Table1,Filter(Table1, Lower(InputText1!Text) in Lower(Names)))
I used Lower() because In is case sensitive.
-Bruton

Spry gallery with filmstrip wont display images??

i am currently making a photography website so i am trying to insert the spry gallery widget however once i have inserted it and got it in the right position i cant seem to get the images to show.
i have clicked on the two links in the properties box at the bottom and linked them to the images in my site folder but they still wont show in live view or safari browser any help would be appreciated.
Thanks
Declan

Sorry, but without a link to your online page, it's a time-wasting, error-prone guessing game.
If you put your test page and all dependent files online, and post a link here, we will gladly check that:
    Your server is working
    That all required HTML code is correct
    That your folder hierarchy is correct
    That all required dependent files (HTML, CSS, JS, Images etc.) are uploaded to proper folders
    That Javascript Versions are correct
    That link paths are all correct and case sensitive

Adding text under images CS6

I have various images inside an .indd file I used the rectangle frame tool , sized then placed images inside. I now need to have captions ( text )underneath the images within the rectangled box. I can't seem to get the text in there which tells me there is a differnt procedure to do thi.
Any help?
R

You can't have text and images in the same frame without first grouping
them and then copy/pasting them into another frame. You now need to turn
off the text wrap on the image or the caption won't show up.
Have you made any effort to learn about the workings of InDesign? I
don't mean to sound cold but this is incredibly basic stuff.
I strongly recommend that you buy Sandee Cohen's Visual Quick Start
Guide: http://amzn.to/13qYBT7
A subscription to Lynda.com would help you, too. This link will get you
a free one week subscription: http://bit.ly/RS0GXs

Image not displaying with HTML text field

I am trying to display am image within
flash using CS3.
I have a text field with the following code.
feedback.htmlText = "<img src='Logo_small.png'</img>"
nothing displays. The image and flash document are at the same level, so that is why I am using a relative link. Do I need to use a full (absolute) link to the image?

That's not properly coded html...
feedback.htmlText = "<img src='Logo_small.png' />";
image tags do not have a closing tag and you didn't close the opening tag if they did, so it would still fail.

Web gallery with links to hires images - possible?

Hi all,
I would like to use a web gallery to "deliver" hires images to clients, meaning that I want to have a preview page with thumnail images that should link to hires jpeg or even tif images for download. I found, however, that Aperture web galleries seem to be limited to maximum 1200x1200 jpegs for the detail page.
I know that there are ways to customize web galleries so I thought there might be a solution for this anyway? Like putting in a link to the hires image in the detail page?
Any hints appreciated
Alexandra

I made a good step forward regarding this type of customized template: I found that the image size restrictions can be changed in the "albuminfo.plist" file, and I can also edit the link on the gallery page that points to the detail page.
But: Both gallery page and detail page use the same tag to refer to the image they are displaying: "ThumbImageURL" which seems to be interpreted differently in different contexts: In the gallery page it refers to the thumbnail (as expected) and in the detail page it refers to the larger image. This seems to indicate that there might be something like LargeImageURL"...
Is there any kind of documentation to the tags used for web galleries in Aperture?

Help Needed with HTML code for Image Positioning

Hi All,
Need a little help with some code for positioning images.
I initially used the following:
This is fine, but the border automatically puts a black border around the photo - how do I change it to white? Is there a way to set margins too, to prevent the text butting up against the photo?
I also used the following code with success:
<style type="text/css"
img
float:right;
border:2px solid white;
margin: 0px 0px 15px 20px
</style>
This code works, however the problem with it is it is not individual to just one photo - it moved all my photos and on that page, I wanted one photo floated to left and another to the right.
If I use this code, how can I make it photo specific, so that it only affects the placement, margins and borders of one photo?
Any help would be great.
Thanks

CSS question, not iWeb question. Regardless, use inline CSS styling for the image. You can also wrap the image in its own tag and declare an id or simply declare an id for the img tag, then set the style for the id_name:
<style type="text/css"
img#id_name
float:right;
border:2px solid white;
margin: 0px 0px 15px 20px
</style>
If you want to control the style of more than one image on a page but not all then use a class instead of an id.
the border automatically puts a black border around the photo - how do I change it to white? Is there a way to set margins too, to prevent the text butting up against the photo?
I believe you have discovered a solution for this according to your CSS code. You have set the border to white by looking at the code and adjusting it appropriately. Your margin is declared in the CSS also, adjust the pixels appropriately.
Read up some more on CSS to educate yourself further. I suggest w3schools.com or a CSS forum instead of the iWeb forum if you have CSS questions. It's kind of like if you drive your auto to the supermarket so you decide to go to the supermarket and ask everyone in the produce section to help when you have car problems. All the supermarket does is provide a place to park your auto. If you have car problems then ask a mechanic. iWeb (and most of its users) doesn't specialize in code, it simply provides an area for you to place it. Granted you might get lucky and find a mechanic in the produce section of the supermarket, but you're more likely to find a specialist at an auto swap meet (or CSS coding forum)!

Difficulties with HTML text display

Hi all,
hope I'm in the right forum. I'm trying to create a form that
has checkboxes on
a Nokia 6680 device.The form is written in HTML format and is
supposed to be scrollable so I have enabled the
scrollable feature of my text area(which has "story" as
instance name) and chosen the "Render as HTML" option in the
properties section.Here's the code I placed in the
actionscript:
function continuousScrollUp2() {
this.onEnterFrame = function() {
if (story.scroll > 0) {
story.scroll--;
// Scroll continuously down at frame rate of movie
function continuousScrollDown2() {
this.onEnterFrame = function() {
if (story.scroll < story.maxscroll) {
story.scroll++;
story.htmlText ="<font color=\"#0000FF\"><b>The
privacy policy of the different websites</b><br
/><b>you may be visiting will vary
concerning</b><br /><b>the use of your personal
information.</b><br /><br /><b>Select
preferred level of privacy</b><br
/><form><input type=\"checkbox\"
value=\"Low\"/>Low<br /><input type=\"checkbox\"
value=\"Medium\"/>Medium<br /><input type=\"checkbox\"
name=\"Level\" value=\"High\" />High</form><br />
<br /><b>Would you like pShopper to ask for
your</b><br /><b>permission before receiving
promotional</b><br /><b>adverts from
websites?</b><br /><form><input
type=\"checkbox\" name=\"permission\" value=\"Yes\" />Yes<br
/><input type=\"checkbox\" name=\"permission\" value=\"No\"
>No<br /><input type=\"checkbox\" name=\"permission\"
value=\"Maybe\" >Maybe</form><br /> <br
/><b>Specify preferred time of the day to receive
adverts</b><br /><form><input
type=\"checkbox\" name=\"time\" value=\"Morning\" >Morning<br
/><input type=\"checkbox\" name=\"time\" value=\"Afternoon\"
>Afternoon<br /><input type=\"checkbox\" name=\"time\"
value=\"Evening\" >Evening<br /><input
type=\"checkbox\" name=\"time\" value=\"Anytime\"
>Anytime</form><br /><br
/><frame><b><i>PERSONAL
INFORMATION(name,address,etc)</i></b><br
/><p>Reject promotional adverts from websites
that:</p><br /><form><input type=\"checkbox\"
name=\"reject1\" value=\"Share my personal information with other
websites without my full knowledge and consent\" >Share my
personal information with other websites<br /> without my
full knowledge and consent<br /><br /><input
type=\"checkbox\" name=\"reject1\" value=\"Do not allow me to
unsubscribe from their mailing list\" >Do not allow me to
unsubscribe from their mailing list<br /><br
/><input type=\"checkbox\" name=\"reject1\" value=\"Do not
explicitly highlight their data-sharing practices\" >Do not
explicitly highlight their data-sharing practices<br /><br
/><input type=\"checkbox\" name=\"reject1\"value=\"Do not
allow me to find out what data they have about me\">Do not allow
me to find out what data they have about me</form><br
/><br /><b><i>ENVIRONMENTAL
INFORMATION</i></b><br /><p>Reject
promotional adverts from websites that:</p><br
/><form><input type=\"checkbox\" name=\"reject2\"
value=\"Do not explicitly highlight their environmental/carbon
practices\" >Do not explicitly highlight their
environmental/carbon practices<br /><br /><input
type=\"checkbox\" name=\"reject2\" value=\"Do not market 'green'
products\" >Do not market 'green' products<br /><br
/><input type=\"checkbox\" name=\"reject2\" value=\"Do not
practice Fair Trade\" >Do not practice Fair Trade<br
/></form><br /><br
/><b><i>LOCATION/GPS
INFORMATION</i></b><br /><p>Reject
promotional adverts from websites that track<br />my location
and then use my GPS data:</p><br
/><form><input type=\"checkbox\" name=\"reject3\"
value=\"For illegitimate disclosure to individuals<br />and
other companies/third parties\" >For illegitimate disclosure to
individuals<br />and other companies/third parties<br
/><br /><input type=\"checkbox\" name=\"reject3\"
value=\"To obtain other information from my personal device\"
>To obtain other information from my personal device<br
/><br /><input type=\"checkbox\" name=\"reject3\"
value=\"To analyze my pattern of movement\" >To analyze my
pattern of movement<br /><br /><input
type=\"checkbox\" name=\"reject3\" value=\"Without allowing me to
opt-out\" >Without allowing me to opt-out<br /><br
/><input type=\"checkbox\" name=\"reject3\" value=\"Without
prior consent from me\" >Without prior consent from
me</form><br /><br /><b><i>PURCHASE
INFORMATION</i></b><br /><p>Reject
promotional adverts from websites that use information<br
/>about my purchases:</p><br /><form><input
type=\"checkbox\" name=\"reject4\" value=\"To share with
individuals<br />and other companies/third parties\" >To
share with individuals<br />and other companies/third
parties<br /><br /> <input type=\"checkbox\"
name=\"reject4\" value=\"To analyze my habits and determine what
adverts I see\" >To analyze my habits and determine what adverts
I see</form></frame><br /><br
/><button> SUBMIT </button></font>";
However,during runtime,only the first part is displayed and
I don't see any checkboxes. Can it be that the device memory
is exhausted? Thanks for your time.
PJ

hi,
Flash text box does not support <input> htmnl tags, and
FL too.
FL textfield supports b, br, i, b, font & p tags but with
specific attributes only. check the docs for more.
// chall3ng3r //

JToolTip with html text

I am trying to set ToolTip on my JPanel and the text is HTML format. One of the reasons I am using html format because it needs to be multiline and also localizable and it is easy to set fonts in html.
But the problem is I am getting a inconsistent tooltip with raw html data sometimes and ok rest of the times. Following is the html string I am setting as tooltip text.
String html = "<HTML><BODY STYLE=\"" +
"margin-left:3px; margin-right:3px; margin-bottom:3px;" +
"font-family : " + font.getFamily() + ";" +
"font-size : " + font.getSize2D() + "pt;" +
"font-weight : " + (font.isBold() ? "bold" : "normal") + ";" +
"font-style : " + (font.isItalic() ? "italic" : "normal") + "\">" +
"<b>File Name: </b> + fileName1 +
"<br>
"<b>File Name: </b> + fileName2 +
"</BODY></HTML>";
"font" is my locale based font.
Thanks
Amad

Well I have tried simple html as well but the same problem. I think JToolTip can display inline styles but my problem seems to be that when i have panels in panel and setting tooltip on parent that's when it gets wrong.
Amad

JButton rendered with HTML text takes longer to load

I have a JButton that displays text rendered in HTML.
ie. JButton but1 = new JButton("<html><STYLE=\"font-family: Dialog; font-size: 12pt\"><center>Current<br>Date</center></STYLE></html>");
The reason for the STYLE tag is so that the font matches the rest of the application (instead of defaulting to Times New Roman).
As a result of including the HTML tags, the dialog containing the panel with my buttons takes noticeably longer to load (especially when it's my login dialog).
Does anyone know why this takes longer to render or if there is some way around it?
Interesting to note: One unexpected outcome of using the HTML tags is that it sets all my buttons to the same width (they are in a BoxLayout.Y_AXIS layout), whereas before, they refused to have their size set at all and were all different.

Okay, well I worked out a way around my problem - don't use HTML.
The only reason I was using HTML was to allow me to have multi-line buttons. Using HTML also had the added problem of the text not showing the enabled-state of the button (ie. the text did not appear disabled) or the Mnemonic.
I have created a subclass of JButton that creates multiple lines using JPanels instead of HTML.

Problem with alligning text and images

Dear reader
I am having a problem with alligning some content in the left
column of my webpage. It will allign correctly in internet explorer
but I would like it to also allign correctly in Opera and Firefox
as many people use thise browsers also. Here is links to
screenshots to show you what I mean. The problem is highlited in
orange.
http://www.iggpog22.com/mystuff/gap.png
- There is a gap between my starburst logo and the header image
'Links'
http://www.iggpog22.com/mystuff/nogap.png
- There is no gap between my starburst logo and the header image
'Links' in dreamweaver though which is how I would like it to
display.
If anyone could offer some advice I would be very grateful. I
usually try to work stuff out for myself but this problem has me
stumped. I can also provide the html is you need that. Thanks again
for any response.
.Sam
Edit
This is a link to a .rtf file of the code for the webpage
http://www.iggpog22.com/mystuff/ig2code.rtf
you can also visit my webpage at www.iggpog22.com (gotta
include the www. otherwise it shows the wrong site)
I hope this is enough to be more helpful

Posting images aren't that much use I'm afraid. The answer is
in the
code and to solve the issue its more than likely thats what
someone
would need to see to help you.
Can you upload the page somewhere and give a link to it?
02cspearson wrote:
> Dear reader
> I am having a problem with alligning some content in the
left column of my
> webpage. It will allign correctly in internet explorer
but I would like it to
> also allign correctly in Opera and Firefox as many
people use thise browsers
> also. Here is links to screenshots to show you what I
mean. The problem is
> highlited in orange.
>
http://www.iggpog22.com/mystuff/gap.png
- There is a gap between my starburst
> logo and the header image 'Links'
>
http://www.iggpog22.com/mystuff/nogap.png
- There is no gap between my
> starburst logo and the header image 'Links' in
dreamweaver though which is how
> I would like it to display.
>
> If anyone could offer some advice I would be very
grateful. I usually try to
> work stuff out for myself but this problem has me
stumped. I can also provide
> the html is you need that. Thanks aain for any response.
> .Sam
>

Portfolio: Thumbnail gallery with the full size image appearing on a darkened opacity layer?

I'm creating my photography website, and so far, my portfolio looks like this:
but I want the images to be buttons. I know how to re-load them as buttons, but then I'm stuck... I want for the full size version of each image to appear on the screen, with the background greyed out, like this quickly photoshopped version:
I've seen it done, but I just can't figure out how... I even downloaded a free template that had this, trying to replace the stock images with mine, but that didn't work either...
Thanks!

Use the 'Lightbox' widget to achieve this effect.
Or if you used another slideshow widget, there should be a Lightbox button you can mark to change to this type of view.
Double click the outside area when you change to Lightbox view (a dark box will appear around your image) to change the opacity of the background.

How to convert HTML text to image

Hi all!
I´m having this problem: I have a html code (dynamic generated) and I need to convert it to a image, any idea how to do that?
Thanks, J.

Im no Java2D expert but if you want the actual code as an image couldnt you just use 'drawString("<br>", x, y)' to display it and then allow it to be saved as an image, I know theres built in capability in Java to import/export common image formats. Or do you mean you want what the html actually produces as an image?
Ken

Possible to scan a document into Acrobat XPro,then replace part of that PDF with text or image file?

Hi everyone,
Is it possible first to scan a paper document into Acrobat X Pro, and then to replace a "pane" or box within that PDF with a text or image file?
Would it require SDK and Javascript?
Thanks,
Rick Weinhaus

CtDave and others:
Here's the problem in more detail.
I am a physician and I already have the ability to incorporate paper-based
documents into an electronic health record (EHR) by scanning them and
saving them as PDFs. The documents are paper patient encounter forms with
a different box or 'pane' for each category of data. Each box has a fixed
location on the paper form.
There are three situations, however, where I want to have the option to
overwrite certain boxes of the PDF with data generated by methods other
than scanning.
1) Insert text macros with variable fields using the electronic health
record's software.
2) Insert a drawing available as a pre-existing JPG or generated by using a
tablet.
3) Insert text generated using Dragon Naturally Speaking.
For efficient office workflow, in all three cases the text or image to be
inserted into the box or 'pane' in the PDF needs to be generated while I am
still seeing the patient -- that is -- before the paper form has been
scanned and converted to a PDF.
The sticky note tool is one option, but I would want to be able to modify
the default size of the sticky note so that it corresponded exactly to the
size of the box it was 'overwriting.' I can't figure out how to do this?
Could it be done using scripting?
Furthermore, I would want the sticky notes to automatically display when
the PDF was opened, so that a hover would close rather than open them. This
sticky note method would have the advantage of allowing the user to toggle
back and forth between inserted data and any original handwritten text.
Any thoughts?
Rick

Gallery with HTML text under image

Similar Messages

Maybe you are looking for