Is possible another window from window image gallery ?

Page: 1

Author Post
Member
Registered: Jun 2012
Posts: 10
Hi!
(sorry for my english)

Thank for very nice Floatbox

I have this problem:

My photogallery is in php/mysql code
All metadata is reading from database

Sample this gallery is here
http://galerie.dawep.net/dawe5?id=8


I need metadata ( data-fb-options="caption:` metadata `" )
like AJAX Content or Inline DIV Content

caption2:` category / name / name lat ` is OK


But i dont know how.
:)

Here is code from my gallery snippet:

echo &#039;<div class="content_in">&#039;;
echo &#039;<p class="floatbox" data-fb-options="group:demo1">&#039;;
$i = 0;
foreach ($vypis2 as $val) {
$ed = $val->get(&#039;id_galerie&#039;);

if ($i >= $start and $i < $start+$pagesize) {
echo &#039;<span class="gal">&#039;;

echo &#039;<a href="&#039;.$val->get(&#039;path_large&#039;).&#039;" title="&#039;.$val->get(&#039;name_cz&#039;).&#039;"
data-fb-options="caption:`
<span class=\&#039;popis\&#039;>[&#039;.$val->get(&#039;short_text&#039;).&#039;]</span><br/>
<span class=\&#039;data\&#039;>[&#039;.$val->get(&#039;kde&#039;).&#039;&nbsp;|&nbsp;&#039;.$val->get(&#039;kdy&#039;).&#039;]</span>&#039;.&#039;`
caption2:`
<span class=\&#039;kat\&#039;>[&#039;.$val->get(&#039;name&#039;).&#039;]</span>
<span class=\&#039;name_cz\&#039;>&#039;.$val->get(&#039;name_cz&#039;).&#039;</span>&nbsp;
<span class=\&#039;name_lat\&#039;>&#039;.$val->get(&#039;name_lat&#039;).&#039;</span>`">
<img class="xedit" src=&#039;.$val->get(&#039;path_thumbs&#039;).&#039; />
</a>&#039;;

echo &#039;</span>&#039;;
}

echo &#039;<div class="end">&nbsp;</div> <!-- end end-->&#039;;
echo &#039;</p>&#039;;
echo &#039;</div> <!-- end content_in --> &#039;;


and here options floatbox js
  fbPageOptions = {
roundCorners: "all",
maxContentHeight: 800,
maxContentWidth: 800,
minContentHeight: 160,
minContentWidth: 160,
inFrameResize: false,
enableImageResize: false,
autoFitImages: false,
splitResize: false,
doSlideshow: true,
slideInterval: 3,
endTask: &#039;loop&#039;,
startPaused: true,
navOverlayWidth: 50,

cornerRadius: 4,
shadowSize: 8,
padding: 16,
overlayOpacity: 90,
resizeDuration: 0,
imageFadeDuration: 0,
overlayFadeDuration: 0,

colorTheme: "custom",
contentBackgroundColor: "#999999",
innerBorderColor: "#282828",
outerBorderColor: "#282828",
overlayColor: "#000000",
boxColor: "#333333",
};



Simply:
when is one window with floatbox image a need in this window link and open another little window with metadata and another information formated with html tags
(like AJAX Content or Inline DIV Content) ?

Please, help me
:-)
Member
Registered: Jun 2012
Posts: 10
No idea ?
Member
Registered: Jun 2012
Posts: 10
;)

I have this !

http://galerie.dawep.net/dawe5?id=8


Hurray

:)

here is code:

echo &#039;<div class="content_in">&#039;;
echo &#039;<p class="floatbox" data-fb-options="group:demo1">&#039;;

$i = 0;
foreach ($vypis2 as $val) {
$ed = $val->get(&#039;id_galerie&#039;);
$info = $val->get(&#039;short_text&#039;).&#039;<br/>&#039;.$val->get(&#039;kde&#039;).&#039;&nbsp;|&nbsp;&#039;.$val->get(&#039;kdy&#039;);


$info3 = &#039;<div id=\&#039;tooltip1\&#039; style=\&#039;display:none; width:380px;\&#039;>
<div style=\&#039;float:left;\&#039;>
<img src=\&#039;info2.png\&#039; width=\&#039;50\&#039; height=\&#039;50\&#039; alt=\&#039;\&#039; style=\&#039;margin:10px 0 0 10px; border-width:0;\&#039;/>
</div>
<div style=\&#039;float:right; font-size:12px; margin:8px 0; width:300px;\&#039;>
&#039;.$info.&#039;
</div>
</div>&#039;;


if ($i >= $start and $i < $start+$pagesize) {
echo &#039;<span class="gal">&#039;;
echo &#039;<a href="&#039;.$val->get(&#039;path_large&#039;).&#039;" title="&#039;.$val->get(&#039;name_cz&#039;).&#039;"
data-fb-options="caption:` <br/> `
caption2:`
<span class=\&#039;kat\&#039;>[&#039;.$val->get(&#039;name&#039;).&#039;]</span>&#039;.$info3.&#039;
<span class=\&#039;name_cz\&#039;>&#039;.$val->get(&#039;name_cz&#039;).&#039;</span>&nbsp;
<span class=\&#039;name_lat\&#039;>&#039;.$val->get(&#039;name_lat&#039;).&#039;</span>
<span class=\&#039;data2\&#039;><img class=\&#039;fbTooltip\&#039; data-fb-tooltip=\&#039;source:#tooltip1 attachToHost:true\&#039; src=\&#039;details.png\&#039; /></span><br/><br/>`">
<img class="xedit" src=&#039;.$val->get(&#039;path_thumbs&#039;).&#039; />
</a>&#039;;
echo &#039;</span>&#039;;
}
else {
echo &#039;<a href="&#039;.$val->get(&#039;path_large&#039;).&#039;" title="&#039;.$val->get(&#039;name_cz&#039;).&#039;"
data-fb-options="caption:` <br/> `
caption2:`
<span class=\&#039;kat\&#039;>[&#039;.$val->get(&#039;name&#039;).&#039;]</span>&#039;.$info3.&#039;
<span class=\&#039;name_cz\&#039;>&#039;.$val->get(&#039;name_cz&#039;).&#039;</span>&nbsp;
<span class=\&#039;name_lat\&#039;>&#039;.$val->get(&#039;name_lat&#039;).&#039;</span>
<span class=\&#039;data2\&#039;><img class=\&#039;fbTooltip\&#039; data-fb-tooltip=\&#039;source:#tooltip1 attachToHost:true\&#039; src=\&#039;details.png\&#039; /></span><br/><br/>`"
style="display:none">#
</a>&#039;;
}
$i++;
}

echo &#039;<div class="end">&nbsp;</div> <!-- end end-->&#039;;
echo &#039;</p>&#039;;
echo &#039;</div> <!-- end content_in --> &#039;;
Administrator
Registered: Aug 2008
Posts: 3382
Sorry for delayed response. I was sure I posted a response yesterday but it seems the response never made it to the board. Perhaps I only previewed the response and did not post it. My bad.

What I said was that I can't assist with nor review server-side php code. I looked at your page and the gallery set was working just fine with both caption and caption2 being set for each item. I invited you to tell me and show me what the specific problem was in the context of the live page - not in the context of the php code that generates the page.

Now I don't know if you're still having a problem or not. If you are, please tell me what the problem is on the live page and I'll respond much more quickly this time. ;)
Member
Registered: Jun 2012
Posts: 10
Hi!

My problem with this thing is now solved.

Here is 3 screenshots with my yesterday's problem:
http://puschpull.org/root/p/01.png
http://puschpull.org/root/p/02.png
http://puschpull.org/root/p/03.png


I need "On mouse hover" or another separate window (like AJAX Content or Inline DIV Content)

For me be problem with new window in gallery "Floatbox" window with reading correct data from MySQL ....

Now is this OK.
;)
Member
Registered: Jun 2012
Posts: 10
...

another question:

How I change style (CSS) for this "fbTooltip" window?
http://puschpull.org/root/p/03.png

...
size, position, backgroundcolor, ...

Thanks
:-)
Administrator
Registered: Aug 2008
Posts: 3382
An fbTooltip is just another floatbox and will respond to almost all the appearance options available. These options are detailed in the Options Reference. Tooltip position is directed by the "placement" option. This and other tooltip-specific options are detailed in the "Tooltips" section of the Options Reference.
Member
Registered: Jun 2012
Posts: 10
Thanks
:)

Page: 1