I wish to know how can i create a view like the example show in Advomatic, where when you see an image, you can see the respective node title and teaser. There is any configuration to set or that will be something exclusive to Advomatic?

Thanks

Comments

aaron’s picture

Status: Active » Fixed

Unfortunately, I had to hack the ImageFlow plugin to be able to achieve that.

 // HACK at line 512 of imageflow.js:
// It will display the portfolio item's description in the breakout on the right.
$('#slideshow-breakout').html(Drupal.settings.slideshow['slideshow-' + (imageID + 1)]); 

You would also need to send the HTML you want, such as titles/links/teasers, in the Drupal.settings.slideshow[], and create a 'breakout' div for the text, which would be at #slideshow-breakout.

Hope that's useful; if not, bug me and I can write a tutorial. Though I'd like to create a more generic solution at some point.

diegohermes’s picture

Thanks Aaron, i will try that and see if i can make it work.

Anyway, it's a nice feature to add to the module in the future releases.

jolidog’s picture

Version: 6.x-1.0-alpha2 » 6.x-1.0-beta1
Status: Fixed » Active

Hello, I'm trying to replicate the same functionality, but getting no where...

On line 512 of the imageflow.js I only got {

		/* Set scrollbar slider to new position */
		if (thisObject.MouseDrag.busy === false)
		{  >>>------- line 512 -------<<<
			this.newSliderX = (imageID * thisObject.scrollbarWidth) / (thisObject.max-1) - thisObject.MouseDrag.newX;
			thisObject.sliderDiv.style.marginLeft = (thisObject.newSliderX - thisObject.sliderWidth) + 'px';
		}

So I think I might be placing the code in the wrong line.

Also I'm having some difficulty even displaying the information. Don't quite get this line:

You would also need to send the HTML you want, such as titles/links/teasers, in the Drupal.settings.slideshow[], and create a 'breakout' div for the text, which would be at #slideshow-breakout.

Do I need to create a MY_THEME-views-slideshow-imageflow.tpl.php and make some changes? I've tried adding a <?php print $rows['field_body']->content; ?>, but that didn't work.

So while we wait for a more generic solution, I'm "bugging" you to please right a tutorial :-P

Thank you very much for this module!

asak’s picture

subscribing. kinda strange to link to a demo that doesn't really work that way out of the box - but i'm sure it got us all thrilled ;)

jolidog’s picture

I tried again to make this work...
From what I understand, the dynamic content of #slideshow-breakout won't come from view, it would have to be written in script.js for example. Is this right?

I thought this would be acomplished by assigning a field in the view for the caption content, but after I analized the advomatic example I'm guessing this isn't so.

Another problem I came across was the slideshow would not load, when I changed it to use imageflow.js insted of imageflow.packed.js and so I wasn't able to add the code to line 512.

This probably would have to be something that Views Slideshow supports and then Views Slideshow: ImageFlow takes advantage of.

superbrad’s picture

Subscribing - ditto asak!

mysty’s picture

Really aaron, thanks very much for this module. Looks amazing.

I've been scratching my head trying to get the Advomatic type functionality using views attachments and arguments but - while very instructive - I ain't been getting that far, at all.

Would really be amazing to be able to display node textual content as you have done on the Advomatic example.

kiliweb’s picture

Hi aaron,

I try to follow your instructions, but I'm not be able to achieve that.
Can you explain precisely what we are supposed to do, please ?

Nick Robillard’s picture

Actually it wouldn't be too difficult to pull content from a view. Using hook_views_pre_render() you could look at $view->result and add your custom content to Drupal.settings that way.
I'm going to try this in the next few days. I'll share my results.

Update: So the project i was referring to got canned. Sorry people.

shadysamir’s picture

subscribing

hlykos’s picture

subscribing

easp’s picture

subscribing

tsi’s picture

subscribing

lukawanjohi’s picture

Aaron please write a tutorial for this, please

karl2011’s picture

subscribing

karl2011’s picture

Hello dear Aaron Hello drupaler,
At first thanks Aaron for the good job that you do for us :)

I found this modul and read the open issues about imageflow and advomatic homepage on your website. I found it looks really nice.
So i tried it out.

And immediately I run in problems :

my first question is ,links the picture from image flow only to the original image or to the content?
My imageflow links only to the orginal image !

To fix this I replace the code in your modul( views_slideshow_imageflow.theme.inc) on line 21-to-32 with the following code

     preg_match('/href=\"(.*)\"/Uis', $item, $matches_link);
     $image_links=$matches_link[1];
     $url = $base_url.$image_links;

now the pictures links to the content.
Did I run with tis in problems that I can't see?

The second Question is, I will use the imageflow on sites like:
function mytheme_preprocess_page(&$vars, $hook) {}

at first I created a views named myviews to test it :
function mytheme_preprocess_views_slideshow__myviews(&$vars) {code from imageflow modul}
and it works really nice.
But if I created a views like for example named:
mytheme_preprocess_views_view__myviews(&$vars) {}
it does not work.

And I get the error with foreach, which comes from the variable $raws.
So I found out that on
function mytheme_preprocess_views_slideshow__myviews(&$vars) {}
the raws variable is an array and on
mytheme_preprocess_views_view__myviews(&$vars) {}
the raws variable is an string.

Can you teach me which content of your slideshow module I have to copy to my template file to get it working.

Third question is, it is possible to get the imgeflow working on a site like
mytheme_preprocess_page(&$vars, $hook) {}
and printing there out dynamic content from views.

I now many letters but I hope that you and other drupaler have a look on my issues.

I thank for all comments.

grfa02’s picture

subscribing

radj’s picture

subscribing

virme’s picture

Tutorial for this functioanality would be really appreciated

scaldinglake’s picture

subscribing

anil614sagar’s picture

subscribing

bladwin’s picture

subscribing

ElvinJones’s picture

subscribing

geo’s picture

Hello, I'd solved this issue and added kind of tutorial here http://drupal.org/node/671252 .