Photo gallery like Yahoo.

[IATB]

I apologize for always asking and asking,,
This time I also wanted to ask you something,

Is there a way to make photo gallery like yahoo?

how to display the name or description of the photo below / above photo?
is there a plugin that can do that?
I have been looking at the market and this forum but I could not find it.
I tried to use the plugin picture director but is not running in OC 3.1.2.

Thank you so much to all of you.
thanks for OsClass

GRETINGS..

gabe

[osCanyon]

not familiar with yahoo gallery, can you add more like a sample picture?
your site url, help see where your at now?
I searched yahoo gallery which is now yahoo pulse, you want to overlay the picture with words and have the background somewhat opaque ?

[mmcsus]

Hi IATB,

No plugin that I know of.

The problem is the title of the photo is stripped when resized. (If it even had one)

What you could do is display item description or item title at the bottom or top of the photo.

Here is a very simple example using Fancybox.

Edit oc-content/themes/your_theme/item.php around line 187 find:

    <a href="<?php echo osc_resource_url(); ?>" rel="image_group" title="<?php _e('Image', 'modern'); ?> <?php echo $i+1;?> / <?php echo osc_count_item_resources();?>">

                  
Change to:

    <a href="<?php echo osc_resource_url(); ?>" rel="image_group" title="<?php echo osc_item_description(); ?> <?php echo $i+1;?> / <?php echo osc_count_item_resources();?>">

Add some style in the head of the page:

Code: [Select]

<style>
.fancybox-title {
color: #fff;
background: #000;
opacity: .9;
height: 75px;
margin-top: 0;
}
</style>
That's it. Now when you select the photo Fancybox will display the item description.

I know that's not exactly what you want but may get you started.

David

[IATB]

not familiar with yahoo gallery, can you add more like a sample picture?
your site url, help see where your at now?
I searched yahoo gallery which is now yahoo pulse, you want to overlay the picture with words and have the background somewhat opaque ?

you can see it here ..

http://id.berita.yahoo.com/foto/stasiun-kereta-api-cepat-villena-yang-terbengkalai-slideshow/villena-high-speed-train-station-20130717-092132-159.html

at the top of the right sidebar, there is a description of each photo that is open ..
when we click the arrow, information is also changed according to the photo ..
that's what I mean ..

DC, thanks for your responses ..

gabe

[IATB]

Hi IATB,

No plugin that I know of.

The problem is the title of the photo is stripped when resized. (If it even had one)

What you could do is display item description or item title at the bottom or top of the photo.

Here is a very simple example using Fancybox.

Edit oc-content/themes/your_theme/item.php around line 187 find:

    <a href="<?php echo osc_resource_url(); ?>" rel="image_group" title="<?php _e('Image', 'modern'); ?> <?php echo $i+1;?> / <?php echo osc_count_item_resources();?>">

                  
Change to:

    <a href="<?php echo osc_resource_url(); ?>" rel="image_group" title="<?php echo osc_item_description(); ?> <?php echo $i+1;?> / <?php echo osc_count_item_resources();?>">

Add some style in the head of the page:

Code: [Select]

<style>
.fancybox-title {
color: #fff;
background: #000;
opacity: .9;
height: 75px;
margin-top: 0;
}
</style>
That's it. Now when you select the photo Fancybox will display the item description.

I know that's not exactly what you want but may get you started.

David

hi David ..
modern theme that I use are like what you mean,,
like a hover ..
photo will display the title,
hope you understand what I mean ..
thanks for your responses ..

btw ..
I like your signature ..

gabe