How to use images in a plugin

Release time:2017年07月25日 Author:Catfish CMS Reading volume:62202

We know that in the page to insert the picture can use html tag img. In the production of plug-ins, will inevitably use the picture, is not we can also directly in the html code using img? The answer is yes.


Next, let's take a look at how to use the image in the plugin.


Or to the system comes with the bulletin plug-in, for example, we have to add a picture to the plug-in. The following figure is the only simple bulletin plugin with only one plugin file:

Now we have to  use the picture in this plug-in, we first in the file on the edge of a  new folder, the folder name is called "images", as shown below:

Then we put an  image file in the "images" folder, we assume that the picture file name  is "announcement.jpg", the next task is that we want to use this picture  in the plugin.


We can use "$this->import('images/announcement.jpg')" to insert the picture, the actual code is:


$data = '<img src="'.$this->import('images/announcement.jpg').'">';

Finally, we can put $ data through the built-in function add show.


Is not super simple^_^


Original article, reproduced please specify:How to use images in a plugin | Catfish(鲶鱼) CMS

Reward

I want to comment Sign in to post a comment


Latest release

如何给导航菜单添加图标

我们访问某些网站的时候,会发现导航菜单的文字前面有一个小图标,如下图所示: 在鲶鱼系统...

bootstrap4导航菜单的二级下拉菜单鼠标悬停显示jQuery怎...

bootstrap的导航菜单默认都是通过鼠标点击来展开的,有时我们为了让浏览者有更好的访...

jQuery如何获取当前元素的ID

jQuery是一个优秀的JavaScript库,给前端页面的制作带来了极大的方便,鲶鱼系...

鲶鱼系统如何使用bootstrap4以及其辅助标签

Catfish(鲶鱼) CMS从4.9.3版开始原生支持bootstrap4,Catfi...

关于捐助款项的使用情况通报

自鲶鱼系统创建开始,截止于2019年7月31日,累计收到捐助款项179.46元(包含截止...

bootstrap4如何实现div的水平居中以及垂直居中

bootstrap是一款十分流行的前端组件库,我们在制作模板的时候,使用bootstra...

How to use the Catfish CMS system

Section 1: How to add articles

Management background is composed of five bl...

Section 2: to the article to add c...

In the previous section, we talked about how...

Section 3: Add a menu to your site

In the previous section we talked about how ...

Section 4: Page Setup

To the last section we have learned to use t...

Section 5: Change website name, LO...

By the end of the previous section, we have ...

Copyright © 2015 - 2019 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

   I want to leave a message
Catfish(鲶鱼) CMS V 4.9.24