Need to insert text next to image in popup.

Hi there. I have picked up a free image wall here:
http://tympanus.net/codrops/2011/08/30/automatic-image-montage/
It works great, but now I am messing with it.
I have managed to get the images, or at least the first one, to open in a popup, great. Trouble is I want to be able to have text next to the image in the popup window. I tried <title> to see if I could do it with a tooltip, which would have been crap, but didn't work anyway. I can't think where to put the text, and how? <h1> didn't work either, it flashed up before the imagewall opened.
Here is the popup code:
<script type="text/javascript"> function newPopup2(url) { popupWindow = window.open( url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes') } //]]> </script><a href= "JavaScript:newPopup2('images/1.jpg');"><img src="images/1.jpg"></img></a>
I think I should use a caption of some sort but lord knows how. I think I could make a second image with the text included next to it as a the popup, but this is for a dress hire shop and that would involve photoshopping the second image every time a change was made. I want the text to be editable just in a text editor.
I would also like to insert a link in the popup.
Cheers folks

The problem is that you are opening a .jpg image in the popup.
<a href="JavaScript:newPopup2('images/1.jpg');"><img src="images/1.jpg">
While that does work... all you get is an image.
A better way to do the popup window is to create a new, small HTML Web page that contains your image as well as any text or other content you want. Because it's just a regular HTML page, you can style the text and page layout (including links) with CSS, just as you would any other Web page.
so then you href would look something like this:
<a href="JavaScript:newPopup2(my_popup.html)..........
For working example:
http://www.worldbarefootcenter.com/
Scroll to very bottom of page and see multiple popups, each being a small HTML Web page simply displayed in a popup window rather than a new tab. View the source code if you need further info. I'm using a slightly different method to open the popup, but the idea is, use an HTML page rather than just an image.
Best wishes,
Adninjastrator

Similar Messages

Inserting text over an image in dreamweaver cc

I am trying to insert text over an image in fluid grid layout but all i can see is the text. I have seen the previous query relating to this but it does not help. Help on this would be great.

Layers or APDivs won't work in FluidGrid Layouts. You'll need to drop the image into your container's background with CSS. Or use Photoshop to apply text directly to your graphic.
Nancy O.

How can I insert text on an image via IPhoto?

I am still learning about my IMac and primary use for it was mainly for my photo images. At the moment attempting to build a new website via IWeb and as part of the site will be numerous images. However, when making up the albums, I wanted to have text on my images but alas on the face of it I cannot see how this is possible as part of the existing IPhoto software - could any member advise how it can be done?
My alternative at the moment is to use Adobe Photoshop on my Windows based Laptop, insert text on the image, save and then upload to my IMac into my Album - mmmm a bit long winded to say the least! Regardless, thanks in advance.

You can learn to do this with the Preview app already on your Mac.
Open Preview. Make sure that the Annotate button appears in the Toolbar. If the button is not already there, select Customize Toolbar from Preview's View menu. Drag the Annotate button (the pencil) to your your preferred location on the Toolbar.
Open a photo in Preview, press the Annotate button and use the Annotate tools to add your text. You will find instructions on annotating files and documents in Preview Help in the Help menu.

Inserting text as an image

I inserted letters and texts in as images in dreamweavers
(the font isnt downloadable anymore) and now when test it in
a browser like firefox it shows this blue border around it. How do
I get rid of it? in Safari it looks just fine.

Just do -
a img { border:none; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Ken Binney" <[email protected]> wrote
in message
news:g502cc$e99$[email protected]..
> Add this to your stylesheet -
>
> img
> { border-style: none;
> }
>
>
> "adevgirlihop" <[email protected]>
wrote in message
> news:g4ucim$irr$[email protected]..
>>I inserted letters and texts in as images in
dreamweavers
>> (the font isnt downloadable anymore) and now when
test it in a browser
>> like
>> firefox it shows this blue border around it. How do
I get rid of it? in
>> Safari
>> it looks just fine.
>>
>
>

Need Help removing text from an image.

I am using illustrator Cs3 version. I have an image of a sun with text in front of it, now I only need the image of the sun to then use in photoshop. How do I remove the text and still have a full-color image of the only the sun? Please Help! (Image below)

Hi,
You have posted your question in the Adobe Illustrator Draw iOS app forum. To get help for your question please post in the Adobe Illustrator desktop forum: https://forums.adobe.com/community/illustrator.
Regards,
Jose

Help needed badly Insert text data from xml files into tables

Hi all, I have asked to do insertion of text from a xml file into tables upon receiving using pro*c. i've done quite an amount of research on xml parser in c but there wasn't much information for mi to use for implementation...
Guys don't mind helping me to clarify few doubts of mine...
1. Where can i get the oracle xml parser libs? Is it included when i installed oracle 8i?
2. Is there any tutorials or help files for xml parser libs where i can read up?
I need the xml parser to recognise the tags, followed by recognising the text after the tags.
eg. xml format
<studentID> 0012 </studentID>
<student> john </student>
<studentID> 0013 </studentID>
<student> mary </student>
text willl be inserted into tables like this:
studentID | student
0012 | john
0013 | mary
by the way i'm using oracle 8i on HP-UX. Thanks in advance.

I can answer one of of your questions at least
1. Where can i get the oracle xml parser libs? Is it included when i installed oracle 8i?You need the XML XDK. You can use http://www.oracle.com/technology/tech/xml/xdkhome.html as your starting point. I believe the 9i version works for 8i.
I have no pro*c experience so I can't offer any other suggestions regarding how to do this in pro*c.

HT3412 Last night I proofed my book before ordering. Larry L. was a great help. Now I need to insert text under two pictures but have not been successful. The rest of the text in the book is visible.

Last night I proofed my book before ordering. Larry L's directions were perfect. How do I correct for the missing text. All text shows with the exception of two pictures. Don't want to order the book without the text.

Try the following:
1 - delete the iPhoto preference file, com.apple.iPhoto.plist, that resides in your
User/Home/Library/ Preferences folder.
2 - delete iPhoto's cache file delete the contents the following folder:
User/Library/Containers/com.apple.iPhoto/
Data/Library/Caches/com.apple.iPhoto
3 - reboot, launch iPhoto and try again.
NOTE: For Mavericks, 10.9, go to your Home folder and use the View ➙ Show View Options menu to bring the this window:
where you can check the Show Library Folder checkbox.

Inserting text in variable row table in Powerpoint

Hi
In Powerpoint I need to insert text into a table whose number of rows I will know at runtime. How can I insert rows at runtime that I can then reference and insert text into?
Thanks

Hi Yahya,
We can refer to the rows of table in PowerPoint using
Rows Object (PowerPoint) and use Rows.Add method to insert the row to the sepcfic position we wanted.
Here is an sample using the
Add method to add a row to a table. This example inserts a row before the second row in the referenced table.
ActivePresentation.Slides(2).Shapes(5).Table.Rows.Add (2)
Regards & Fei
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

BAPI to insert text EENO_DYNP-ZEILE

Dear All.
We are facing an scenario in which we need to insert text in field EENO_DYNP-ZEILE vía BAPI or BATCH for CONNECTION OBJECT AND DEVICE LOCATION. Our question is *¿Do you know the BAPI-FIELD which store this long text?
Thanks in Advance.
Nicolas

Hi Nicolas,
I cant find anything specfic but the following information may help in the location of a Function module in SE80:
"The function group EENO contains function modules, subscreens and screens for the
maintenance of notes that are assigned to master data."
Hope this is someway helpful.
Regards
Olivia

Next / previous image swap WITH larger image popup

Very simply what I need to do is almost identical to what you
see here:
http://www.java-scripts.net/javascripts/Slide-Show-Script.phtml
(scroll down to the animal pictures)
When you click "next" and "previous" the images swap through
a series
called "img1.gif" "img2.gif" and "img3.gif"
So far so good. However let us assume there is also a set of
images called
"img1_lrg.gif" "img2_lrg.gif" and "img3_lrg.gif" which are
larger
versions of those little thumbnails. I need for the
appropriate associated
large image to popup in its own window when the thumb is
clicked.
Has anyone a lead on something like that?
Thanks very much.

On Thu, 28 Sep 2006 17:59:37 +0000 (UTC), [email protected]
(Clay)
wrote:
>Very simply what I need to do is almost identical to what
you see here:
>
>
http://www.java-scripts.net/javascripts/Slide-Show-Script.phtml
>
>(scroll down to the animal pictures)
>
>When you click "next" and "previous" the images swap
through a series
>called "img1.gif" "img2.gif" and "img3.gif"
>
>So far so good. However let us assume there is also a set
of images called
>
>"img1_lrg.gif" "img2_lrg.gif" and "img3_lrg.gif" which
are larger
>versions of those little thumbnails. I need for the
appropriate associated
>large image to popup in its own window when the thumb is
clicked.
>
>Has anyone a lead on something like that?
>
>Thanks very much.
That sounds simple, where are you stuck? Do you not know how
to open a
popup? BTW, the JustSo Picture Window extension would be
perfect for
the popups.

Comment ecrire du texte sur une image (Vision/debutant

Bonjour
Je recois une image à partir d'une caméra et j'aimerais ecrire du texte par dessus avant de générer un fichier AVI.
Typiquement des informations sur process en cours.
Je ne voie pas comment prendre le problème ni s'il existe une fonction toutes faire dans la palette vision !
Quelqu'un aurait-il une idée ?
Merci de votre aide
EricC
Ingénieur d'Application / Développeur LabVIEW Certifié (CLD)
Application Engineer / LabVIEW Certified Developer (CLD)
Solved!
Go to Solution.

Hello Eric,
This part of the forum is in English so please post in English. You can post in French here.
You can find in the Pixel Manipulation palette the IMAQ Draw Text VI which inserts text in an image.
Benjamin R.
R&D Software Development Manager
http://www.fluigent.com/

How to insert text from saved text file using line number to indesign document to specific cursor point?

i'm using indesign for make books. always i need insert quotes from some holy books. so i need to insert text using verse number

i'm not asking about
b
u
l
l
e
t and
n
u
m
b
e
r
i
n
g
sorry for my bad english
my target is simply insert pre typed sorted texts using the verse number. for example. i have Holy Quran full text . it have about 6000 verse. suppose i need chapter 3, verse 5 in to my paragraph. manually i goto that text file and copy the text paste it here. but i need it automatically using page number/ verse number/ unique id. script / addins .
approximately like "data merge " in design.

Writing text on an image inserted in a single cell of a table

Given a table with a cell...I can insert an image into the cell...
CAN I SOMEHOW insert text on top of the image in the cell?
Thanks, --bill

Hi bill,
in addition to John and provided that I understood your question correctly:
1. Edit the image with an image editing program. Once there, give a border around the image and then write in there your text.
2. Modify your table with another row and then write your text in this new space. Fill the frame and the resulting gaps with a "camouflage paint".
3.Seperate your image from the text with a line break and write your text directly into the column (next to, below or above the image).
4. You also could create a css rule for floating text (around your image).
Hans-G.

Can't insert text cursor; text is selected as image?

Hi all. Occasionally, as I type in Structured FrameMaker, this happens.
When I try to insert a text cursor the entire page is selected with black dots in the page corners and the middle of each margin. Basically the page is selcted as if it were an image and I can not insert a cursor; all it does is select the page as one entity (with the black dots). I don't even know what this is and the only way I seem to be able to fix it is to close Frame and restart Windows (just closing doesn't work). Can someone tell me what this is and how I can rectify this situation without closing FrameMaker?
A hint: I think this happens if I accidentally click one of the modifier keys (CTL, Command, etc.) but nothing I do after changes it back. I am using Frame in Virtual Box Windows on a Mac.
thanks
michael

Thanks for the response. I have done the margin thing ad nauseum and it never works. I do see a hollow arrow that appears so I will remember the crtl+click and see if that works but the outside the margin did nothing except allow me to select the text as an image again when I went back inside the margin. (The cursor changed back into a hollow arrow when I went back inside the margin.)
michael

I need to insert Pages text file at end of a file; i.e., making one long document from several files. insert 'file' is not option in toolbar. how do i do this?

i need to insert a Pages text file at end of another file; in other words, i'm making one long file from several files. "insert file" is not an option in the toolbar, so how do i do this?

cass516 wrote:
this method sounds like a PAIN but of course i have no choice but to try it. Why would Pages make such a simple thing so troublesome? in other programs, you simply click 'insert file'.
The only thing odd about Pages' Insert file is that it doesn't do its own format.
You obviously think that MsWord is "The Norm" but I found really odd things that it won't do. To the point I, like others here, can't be bothered trying to drive the Word square peg into the Mac round hole.
Mostly Pages works by drag and drop, I'm puzzled why that doesn't work with the thumbnails. But then there are quite a few oddities in every program. Pages is far from an exception.
Peter

Need to insert text next to image in popup.

Similar Messages

Maybe you are looking for