Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
Greetings.
I'm trying to create http://drupal.org/node/814132 inside the main part of a views slideshow page display using thumbnailhover.
Following the link's instruction does indeed create a singleframe slideshow block in every node page, but it can't (obviously) find node nid inside the views main display itself, how can I give the selected thumbnail's nid to the block so it can start working?
It'd be a nice addition to have a slideshow option for imagefields inside views thumbnailhover main.
Is there any other way to achieve this?
Comment | File | Size | Author |
---|---|---|---|
#21 | 1.jpg | 129.58 KB | intyms |
#21 | 2.jpg | 92.72 KB | intyms |
#6 | argument.jpg | 26.98 KB | intyms |
#6 | argument2.jpg | 38.66 KB | intyms |
#6 | slideshow example.jpg | 41.5 KB | intyms |
Comments
Comment #1
caravinci CreditAttribution: caravinci commentedComment #2
caravinci CreditAttribution: caravinci commentedEither that, or enabling the block to get the nid from inside a lightbox :(
please heeeelp
Comment #3
intyms CreditAttribution: intyms commentedI don't understand your problem clearly.
Let me identify better your problem by asking some questions:
You have a views thumbnailhover slideshow, right?
You want to display a "singleframe slideshow" inside of the MainFrame, right?
You want to pass the argument (nid) from the thumbnail to the "SingleFrame slideshow", right?
If so, you have to create 2 views slideshows:
This slideshow will have configured the "nid" argument.
It will have 3 fields:
First field is nodeId (exclude it from display).
The second field is the field which will be use for thumbnails (check this field in the breakouts section of VSS style configuration)
The third field is a PHP field (check this field in the mainframe section of VSS style configuration).
Inside of this php field you have to use the following code:
To use PHP field install this module first: http://drupal.org/project/views_customfield module.
If the singleframe slideshow won't work due to some JavaScript problems, consult this page please:
http://drupal.org/node/823056 (Unfortunatly, i can't provide any help related to the JavaScript problem.)
Good luck, hope it will help!
Comment #4
intyms CreditAttribution: intyms commentedset back to active as soon as you reply
Comment #5
caravinci CreditAttribution: caravinci commentedThanks for your answer...
Tried what you suggested and could not make it work...
here are my doubts:
1. Does the thumbnailhover view need to be created after the singleframe?
2. What are the settings for singleframe's nid argument. They're currently set to provide "node id from url" if argument is not present... I'm pretty sure I have this part wrong, but am not sure how to set it right.
Anyway, I'm kinda stuck here.
Comment #6
intyms CreditAttribution: intyms commentedCreate a thumbnailhover views slideshow.
add 3 fields:
1) first field is nid. Exclude it from display.
2) second field is the Image which will be used for thumbnails.
3) the third field will contain your "singleframe slideshow". The singleframe slideshow will be embeded using PHP field provided by Views Custom Field module.
But, to put your singleframe slideshow inside of your field, you need to create it (the singleframe slideshow) firstly.
That's why, in my previous post, i suggest to create the singleframe slideshow firstly.
see attached 3 files.
do not touch the "Argument input" settings under "Pane settings"
argument2.jpgit relates to your thumbnailhover slideshow.Comment #7
intyms CreditAttribution: intyms commentedComment #8
intyms CreditAttribution: intyms commentedDo you have any image which can show your idea in more details?
I am not sure that i understand your problem very well.
Comment #9
caravinci CreditAttribution: caravinci commentedIf I understand your example, you get my exact idea :)
just to be sure, here's a preview of how I'd like it to work.
So far, I've managed to make both parts work separately (hence, I could make the attached photoshopism).
Anyway, I set singleframe's nid argument as your image shows... but haven't found the options you show in the thumbnail part. Are you using any additional modules?
Thanks for all your attention.
PS: Should I set this back to active everytime I reply? or just leave it like this?
Comment #10
redndahead CreditAttribution: redndahead commentedBack to active. I usually skip over it if it's set to postponed. That's about all I got to say about this issue right now. sorry :)
Comment #11
caravinci CreditAttribution: caravinci commentedthanks.
So, I've been studying what you suggest and the problem may be in the way I applied the php.
Attached images show my settings.
Comment #12
intyms CreditAttribution: intyms commented@#9 hallaathrad
it's because i added a "Content pane" to my views. You instead added a "Page" or a "block" display.
updated:
you can ignore this settings since you don't need to pass an argument to the "thumbnailhover slideshow."
@#11 hallaathrad
"slideshow_nid-argument.png" - it seems to be ok.
"thumbnailhover_php.png" - i think display id is wrong.
to check this, go to your singleframe view and press export.
search for "$handler = $view->new_display("
and you will find something like this:
$handler = $view->new_display('block', 'taxocatalog', 'block_1');
In this case, block_1 (block_2 and so on) is the displayID.
Comment #13
izmeez CreditAttribution: izmeez commentedsubscribing
Comment #14
caravinci CreditAttribution: caravinci commentedThus, what I did was changing said php to "print views_embed_view('slideshow', 'block_2', $data->nid);" after verifying block_2 to be the right value... and it's still not working.
What could I be doing wrong? Am I missing something?
Attached my thumbnailhover's fields, just to be sure on that part.
test page: enventalatino.com/meh
Comment #15
intyms CreditAttribution: intyms commentedyour thumbnailhover fields are ok.
i can't see what's wrong now.
if you want, send me the authentification data for your website (use drupal contact form).
I will log in and try to help directly on your website.
Comment #16
intyms CreditAttribution: intyms commentedi would check the following:
1) is the thumbnail hover slideshow working well without the php field?
(go to slideshow settings and check another field for your MainFrame. Save and Run the view.)
2) is the singleframe slideshow working alone? (without thumbnailhover)
to check this, add it to a Panel and add the argument manually.
View the panel. If the images are sliding then the slideshow works fine.
if both slideshows are working well, then the problem may be with the:
a) php code
b) argument settings inside of the singleframe slideshow.
check 1 and 2 and let me know your results.
Marking as postponed. Set back to active when you reply.
Be sure to have the 2.2 or the latest dev of VSS installed. I remember that i had some problems last month when i tried to display VSS together with Views Pager.
Comment #17
caravinci CreditAttribution: caravinci commentedData sent, please let me know of your findings. :(
Comment #18
intyms CreditAttribution: intyms commented@#17 hallaathrad
so, the problem was with the wrong views name inside of the phpfield.
this is the correct code:
next time, when you need to find the correct views name, display id and so on, go to you views and press export. you will find all what you need there.
after configuring a little bit your slideshow, you can see it in action here:
http://www.youtube.com/watch?v=ruEwHZ1PCCc
about the configuration
I have seen that you embeded a "singleframe with pagers" slideshow into a Thumbnailhover slideshow.
But when i run it i saw that it's hard to style the pagers (don't remember exactly the problem).
So, i switched the "singleframe with pager" slideshow to a ThumbnailHover slideshow.
I created a new Imagecache presset for you thumbnails. And add it to your thumbnailhover slideshow.
After saving the view i saw another problem. Starting with the second slide, the thumbnails are shown behind the mainframe.
To show them below the mainframe, i added a height to your mainframe, thus the thumbnails are forced to go down.
here's the css (add it to your css file)
I think we can mark as fixed this issue.
Because, we achieved to embed a VSSThumbnailhover view inside of another VSSthumbnailhover view.
If you think so too, change the status please.
Added later. Some things to clarify for users which haven't read all the messages
We have embeded a ThumbnailsHover slideshow (1) into another Thumbnailhover slideshow(2).
And we passed an argument from (2) to (1). It works! See the youtube video for more details
Now, we will try substitute the (1) with a Singleframe slideshow which will use pagers for navigation.
Comment #19
redndahead CreditAttribution: redndahead commentedWow Excellent! @intyms or @hallathrad could I get one of you to write up step by step how you did this and add it to our documentation? Just add a child page here: http://drupal.org/node/755016
Comment #20
caravinci CreditAttribution: caravinci commentedIndeed, kudos to @intyms.
So, here's the update:
I went back to "singleframe with thumbnail pagers" just to find out what the problem is... for those who would like to know, the problem is that only the first slide shows the big image, and I think it's somehow related to what @intyms mentions as a need to add some css. Something wrong happens from the second slide.
I will look into it more in depth and will come back with my results.
@redndahead: If @intyms agrees, I'll write the step by step on all this, as soon as I figure out the problem (and solve it if possible).
Dunno if this is the way they do thing here in drupal, but I'll just assign this to me so I don't forget.
Comment #21
intyms CreditAttribution: intyms commented@#20 hallaathrad
yes, this is the problem. however i don't think that the problem can be solved by css.
@redndahead
i ask redndahead to help a little bit here.
Attached is a small description of the problem.
Also, please have a look at: http://enventalatino.com/meh
@#20 hallaathrad
by the way, if you use thumbnailhover slideshow (together with the CSS code from #18) instead of the SingleFrame slideshow, you will receive the desired result (as it is shown in the youtube video).
If i understand you correctly, you want to achieve the same thing with SingleFrame slideshow + pagers.
Am i right?
@hallaathrad
Yes i totally agree. My English is bad so it is very hard to create good description. I need very much time to compose difficult phrases. So, i will be very happy if you can do this. If you need any help from me, just let me know.
to all.
Some of my phrases sound aggressive (they aren't so gentle as they could be). That's because of my Bad English. In reality i don't intend to write aggressive phrases and so on :)
Comment #22
intyms CreditAttribution: intyms commented@hallaathrad
Can you recreate the page enventalatino.com/meh ? Now it's inaccessible.
I hope redndahead can look at it and help to solve the problem.
Comment #23
caravinci CreditAttribution: caravinci commentedwill do as soon as I recreate the whole view... deleted it by mistake (that button should be addressed as interface problem.. has happened to me 4 times already in the last months)
Sorry
Comment #24
intyms CreditAttribution: intyms commentedok, thanks. by the way, here's an issue related to delete button. #738792: The update button is really close to the delete button
Comment #25
caravinci CreditAttribution: caravinci commentednah, the problem lies in the same ol' "drupal is not user friendly" discussion...
It should be fixed as standards suggest... complete button label. (Something along 'delete view 'products'', in my particular case).
but that's another discussion LOL
Comment #26
caravinci CreditAttribution: caravinci commentedwell the problem has been solved... I used SingleFrame as a phpfield, added other fields as usual.
to solve the problem with second slides, just set transition effect to none... must be some sort of bug in its code.
anyway, it's now accesible via enventalatino.com/vehiculos.
Thank you all. I'll be documenting all this a.s.a.p.
Edit: As for the CSS part, the problem was a float:left for the big picture, leaving the thumbs behind it. 'clear' fixed it.
Comment #27
intyms CreditAttribution: intyms commented@#26hallaathrad
i see that the pagers are appearing with a big delay.
try clicking on different thumbnails and you will see this too.
yesterday, playing with you site i had the same problem.
it appeared when i did the following actions:
"i have ovverided the position absolute using css file (jQuery cycle sets the position:absolute to some of it's elements).
so each time when you click on a thumbnail, vss rotates the slides and sets position:absolute to some of it's elements.
then, the CSS is applied overriding this position."
I solved the problem by leaving the "position" as is and adding a fixed height to .views_slideshow_thumbnailhover_main.
try playing with your CSS, maybe you have a similar problem.
Comment #28
redndahead CreditAttribution: redndahead commentedMarking as fixed.