How to create a slider with carousel/thumbnails in drupal 7? - drupal

I have got images in my content type and i want to show them in node type.
I've tried to use flexslider, but it doesn't format it.
http://i.stack.imgur.com/wUFk3.png
When i try to use field slideshow module, i had result like this
http://i.stack.imgur.com/P3CT5.png
So, i cannot choose carousel skin. Files path is /sites/all/libraries/jquery.jcarousel/skins
Guys, how i can make a slider with thumbnails in drupal?

You could try this module Views Slideshow JCarousel

You don't need drupal module for everything - a lot of stuff you can do on your own by using custom content types and 3rd party JS libraries:
Define content type, as you did, to hold data and make page editable.
Create new content type for page displaying effect.
Find some JS library (don't have to be drupal related) doing your effect
Create template file for your second content type
Copy HTML from that JS library example page inside your template file
Include necessary JS and CSS file - make it work static first.
Create some view to get effect data from your original content type
Use views_get_view_results() to get effect data inside your second content type. Loop trough it and print out data you get instead of static values
Or use views_embed_view() instead - makes no bid difference.

Check this out, it's what you're searching for https://www.drupal.org/project/galleria

Related

Sitefinity cms related media link to document using custom field, not loading document path url

I am a beginner for sitefinity, so sorry for long post, not sure if its already answered, couldn't find out.
As working on sitefinity-8, looking for best option to select separate css while creating page each time.
I know, I can use different theme for different css, which will not work in my case, as we are having long list of css to use in whole site. Also I know, I can add css or any link into the head tag option of page properties or I can add css widget on the page itself to select css for that page only, but our requirement is to select css file while creating the page itself, this will make easy for novice editors too.
Basic thing I tried, to add css script tag into template, made it editable on page. So I can select css, but it exposes server folders, which is not ideal. Wish is there any way so that we can configure to select folder from sitefinity content- Documents & Files. But didn't find out a way to do so.
Other thing I tries, I have created custom field (related media-images, videos, files) for page to select a document & use as a link to add into head tag (to say link to add css for page.) With this custom field I can select needed document from appropriate folder from sitefinity backend itself, not from server. When I am looking into page source, I could see the link tag is there, but href attribute is empty. I also tried with adding related media tag into template the page is using, but the issue is same, no any value in href attribute.
Struggling to resolve this since long time, seeking for expert's advice.Thanks in advance.
The custom field path you've chosen should work - you will need a custom widget on the Page Template that will read the value of the custom field.
The GetRelatedItems extension method of the page node should give you the document object that was selected.
Having the document the widget will have to inject a link in the head of the page with the proper css attributes.

Rendering latest content with custom template in Orchard CMS

I have a piece of content that is structured like this:
Body
Common
Containable
Route
And it also contains an Image Field
What I'm trying to do is display a summary on my landingpage containing only the Url and the Image Field Url (url the uploaded image), something like this.
<img src="#Model.Image.FileName" />
Obviously, I'm new to Orchard, and from reading other similar questions around the web I understand that perhaps I should be looking at the Placement.info file, however I'm unable to figure out how to use that in order to achieve what I need (which is an image wrapped in an anchortag).
You should be able to do that by creating a file called Content-TheNameOfYourType.Summary.cshtml in the views folder of your theme.

Drupal - Image Cache and Views for inline background images?

I have a View which is a series of images. I need the output of the View to be a div for each result with the image set as a background image with an inline style.
If i rewrite the output of the display as below, the divs are created but without any inline styles.
<div class="image-div" style="background-image:url('[field_image_fid]'); width: 250px"></div>
Note, its not that the styles are their but incorrect, they are completely stripped. From reading some posts I think this is a Drupal security measure, but I dont know how to turn it off. Apparently the Views Custom Fields module is a work around, but it seems to strip my fields also.
Thanks
You can edit the field template for that field, check the theme information section under Basic Settings (D6) to see which template to use from the Views module directory. Copy that file to your theme directory, make changes and save then rescan the template files in your view.

Same node, different templates in Drupal, how to do?

I have a content type which displays an image.
When this image is displayed as regular node page (node/xxx), I would like it to use the regular template file.
When this image is displayed in a modal (Lightbox2 popup modal), I would like it to use another template file (to remove the header and footer, change background, etc).
How can I set two different templates for the same node?
Thanks,
You probably want to use page-node-lightbox2.tpl.php which can be found in the lightbox2 module folder. Copy that file to your theme folder and make all the changes you want, then clear your cache (www.example.com/admin/settings/performance) and you should see the changes to the modal view of your images.

drupal: adding simple links to a block

im using Views to output a block, containing latest post titles - simple and working. id now like to add some text links that should be different than the "more" link you can add through the Views UI. they are basically just p-tags with a-tags inside, pointing to a url of my choice.
right now i just inserted the markup in Basic Information > Footer > Full HTML.
is this the standard way of achieving what im after?
You can write custom templates for each row in a view if you want. Have a look at views 2 theming
Theming is a good way to do it but then it adds an additional responsibility to move the theme file when you move the view from one site to the other.
The header and footer are provided so that you can add html and php code to it, so it is definitely the right way to do it or else it would not have been provided in the first place by the module developer.
Also if the urls are related to the drupal site then I would suggest you to use php mode and add the link using l function (http://api.drupal.org/api/drupal/includes--common.inc/function/l/6)

Resources