rokbox2 - individual Thumbnail size
-
-
- Raina
- Newbie
- Posts: 4
- Thanks: 0
-
hey guys!
At first I want to thank you for all the fantastic "free stuff"! It's a pleasure to work with it!
Recently I discovered rokbox! It's absolutly what I was searching for a long time! I love that plugin, cause it gives me the possibillity to set an image anywhere in my article. And the best of all is the feature that I can link different images to an album! I'm enthusiastic! Thanks a lot for that great "little" plugin!
I know that it's possible to set up the thumbnail size in the plugin options.
...but ...I miss the possibillity to "generate" thumbnails in individual sizes.
(like an override-function in the editor button)
I'm not that in skillfull skripting, so perhaps you can help me?!
Is there a way to "script" the size of the thumbnail, I want to show, in here:
<a data-rokbox data-rokbox-generate-thumbnail href="/images/planes.jpg"></a>
I would be thankfull for every kind of assistance!
(Perhaps the override-function is an idea for an "update" of this amazing tool?!
)
- Last Edit: 9 years 6 months ago by Raina.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
- Please see " data-rokbox-size ". This parameter can be inserted directly into your RokBox snippet code.
-
-
-
- Raina
- Newbie
- Posts: 4
- Thanks: 0
-
Hello DanG
Thank you for your quick response.
I am aware, that I can change the size of of the "pop-up" window.
But I don't want to change the size of the "pop-up", I want to change the size of the "auto_generated_thumbnails" in the article.
I've tried to solve it with:
<a data-rokbox data-rokbox-generate-thumbnail="width="400" height="260"" href="/images/planes.jpg"></a>
...but that doesn't work!?
Do I have to define css classes to make it work?
If so, please tell me how to insert it to the data-rokbox-generate-thumbnail=""
...like data-rokbox-generate-thumbnail=".my_thumb_400x260" e.g.?! - Last Edit: 9 years 6 months ago by Raina.
-
-
-
- Raina
- Newbie
- Posts: 4
- Thanks: 0
-
Hey DanG
I'm not sure what you want to tell me!?
As in the description written, "data-rokbox-size"" " is only meant to be used for the pop-up
After a long time thinking about your post, I thought, perhaps you want to indicate me, how to set the size in general and so I've tried to get the needed size by using:
<a data-rokbox data-rokbox-generate-thumbnail"400 260" href="/images/planes.jpg"></a>
...but that doesn't work also!?
As already mentioned, I would be thankful for every useful solution!
- Last Edit: 9 years 6 months ago by Raina.
-
-
-
- DanG
- Preeminent Rocketeer
- Posts: 36750
- Thanks: 3229
- Custom work done
-
To your RokBox snippet add - class="size-rokthumb50" where 50 denotes the % of scaling value of the iamge.
<a class="size-rokthumb50" data-rokbox="" data-rokbox-caption="Autogenerated Thumbnail" data-rokbox-generate-thumbnail="" href="/live/joomla-extensions/images/rokbox2/planes_2.jpg"><img class="rokbox-thumb" src="/live/joomla-extensions/images/rokbox2/planes_2_thumb.jpg" /></a>
In your
rt_templateName-custom.css <-{Click CSS Guide below}This image is hidden for guests.file add this:
Please log in or register to see it.
.size-rokthumb50 > img { transform: scale(.5,.5); } -
The following users have thanked you: Raina
-
-
-
- Raina
- Newbie
- Posts: 4
- Thanks: 0
-
Hello DanG
first of all, thanks again for your quick and very useful response!
I had to work alot in the last days, so I couldn't figure out your suggested solution.
To define a class with scale works well. But when I scale the Images to 50% there is big margin around the thumb!?
I've tried to verify it with Firebug, but in Layout I can't find the margin!? It seems to be the difference between the original thumb size and the scaled size. Is there a possibility to remove this margin?
If I define a class with proportionally width and height to the original thumb, there is no margin around the thumb, but the shown thumb is very blurred.
- Last Edit: 9 years 6 months ago by Raina.
-
Time to create page: 0.094 seconds