Page 1 of 1

image container, place holder

Posted: Mon Sep 17, 2012 7:44 pm
by Emmz

I notice Tiggzi applies to Image placeholders.
I'm trying to place text using css over image. But cant Use img dsid and append a tag.
I have to view output code first to find the

for each image. And then do like so..
code

<&#47;$('<p>')&#46;appendTo("&#46;mobileimage1_div")&#46;text('hello!&#46;')&#46;css({'position':'absolute', 'margin-left':'0px','margin-top':'-70px'});/code

Is there a better way

Thanks


image container, place holder

Posted: Mon Sep 17, 2012 8:00 pm
by maxkatz

Not sure I understand the question...


image container, place holder

Posted: Mon Sep 17, 2012 9:57 pm
by Emmz

Ok... My Fault.

placed and image on a screen using Tiggzi builder...
Here is the generated browser code.
code
<div class="cell-wrapper">
<div class="mobileimage1_div">
<img class=" mobileimage1" src="http:&#47;&#47;project&#46;tiggzi&#46;com&#47;views&#47;43adf996-365f-4c4a-989a-58d7cd0756c4&#47;image&#47;no-image&#46;jpg" id="j_6" dsid="image11" name="image11">
<&#47;div>
<&#47;div>
/code
Note the
mobileimage1_div is generated by Tiggzi. There is no option to name this so In order to use this div I have to test run first in browser to get the Pic div info b4 I can use it to place text over the image. Like so.
code
<&#47;$('<p>')&#46;appendTo("&#46;mobileimage1_div")&#46;text('hello!&#46;')&#46;css({'position':'absolute', 'margin-left':'0px','margin-top':'-70px'});
/code
I cant use the code<p> tag appended to the <img class>/code tag..
That wont work.


image container, place holder

Posted: Tue Sep 18, 2012 2:33 pm
by Emmz

Is there any chance on allowing user to assign the image div instead of Tiggzi assigning in sequence? Maybe future upgrade?
Say instead of mobilimage1_div. (auto assigned)
Use eg. "myimage_div"
Because the placed image is named "myimage"


image container, place holder

Posted: Tue Sep 18, 2012 5:01 pm
by maxkatz

Yes, it will be changed in the future.


image container, place holder

Posted: Sat Sep 22, 2012 3:51 pm
by Emmz

Info for others...
Because Tiggzi auto names the class div like mobileimage1_div
and the Image as mobileimage1
And I want to act on a click of the image. But because I need the class names of the image (placeholder) due to my css code. Rather than test run and read the info I used this code..

code
var myClass = $(this)&#46;attr("class");
myclassDiv = myClass + "_div&quot
/code
Now I can use the class names at runtime !